Featured products layout in IE7

[Cal]

Hi

My center box featured products layout is displaying differently in IE7 and Firefox.

In Firefox it dispalys correctly, i.e. 3 products per row, but in IE7 it shows only 1 products per row.

The site is at:

http://www.cornerstonebooks.org.uk/catalogue/

Any ideas?

Cheers

cal

[Ryk]

Try applying a specific width to #featuredProducts in your stylesheet and possibly to .centerBoxContentsFeatured as well.

Design suggestion - reverse the image of both "bottom" books so the perspective matches that of the top two (and remove the top gap). I understand your intention to simulate a pile of books, but it doesn't work - not to my eyes anyway!

[Cal]

Thanks for the reply, but neither of these suggestions work

[margecc]

I have the exact same problem. I tried setting the #featuredProducts to a bunch of different sizes to no avail. They all change the size of the box, but never the layout of the information inside. So I assume it has something to do with the .centerBoxContentsFeatured, but I haven't the first clue what to try doing with it. Suggestions???

[Cal]

Flagging this question up again, as no fix has been worked out yet. Any ideas greatly appreciated:

"My center box featured products layout is displaying differently in IE7 and Firefox.

In Firefox it dispalys correctly, i.e. 3 products per row, but in IE7 it shows only 1 products per row.

The site is at:

http://www.cornerstonebooks.org.uk/catalogue/"


Cal

[jmatthewsr]

I was having a similar problem trying to set #featuredProducts with a width: setting. remove all width specifications for #featuredProducts solved the problem for me on IE. I would like to know if its possible to apply the width setting though.