IE messing up index page

[Cookie1974]

Can anyone help with this?

On the index pages I am displaying item 4 across. In Firefox, Safari, Chrome etc everything looks fine but in IE it's throwing the last item down.

If you use IE click here to see what I mean: http://www.personalisedjewelleryshop.com

Every other page works properly in IE (using the grid system).

IT'S DRIVING ME NUTS! :-)

[kobra]

Looks correct in IE8

[Cookie1974]

Looks correct in IE8

Hmmmn, does anyone use IE 7? I think that's where the problem lies and I dev on a Mac so can only use an emulator.

[stevesh]

It appears to be just the Featured and New product listings - the regular product listing is OK here in IE7.

You'll have to take a look at any margin or padding in the stylesheet for those elements and reduce or eliminate them.

A quick and dirty solutuion would be to increase the width of #mainWrapper to 990px.


(and if you don't mind a small rant, you can get an older working Windows box (with monitor) at Goodwill and other thrift stores around here for ~$20. Probably a better testing tool for IE than the emulator you have, and if you install IE8, it comes with an IE7 emulator (and a pretty good Web Developer function) so you can diagnose these things.)