Layout issue in IE8

ZC 1.3.8a

Hi ZC friends,

I have a small layout issue in IE8 which i'm not sure how to resolve. If you load our main page at

w w w . i v o r y p e a r l i n t e r i o r s . c o m

Underneath "Browse by Collection", in the centre column, there should be the row of 5 images for our collections.

In Safari / Firefox etc I see this, but in IE8 I get four images and an extra row with the 5th.

A small issue but I do not know enough about the IE upgrade to know what to do and it is obviously off putting for customers.

Thanks in advance for your help,

Very nice-looking site.

Try removing the margin in .categoryListBoxContents in the stylesheet and see what happens.

Hi SteveSH,

Thanks for your kind comments.

I did what you suggested and it did display all 5 images in the row. Similar effect doing

.categoryListBoxContents
{
margin: 0em 0em;
}

However there is no gap between the top of the images which also looks bad.

Do you know of anything else I can try ?

I tried specifying a smalled fixed height i.e margin: 1px and still the same problem.

Thanks again,

Try .categoryListBoxContents {

    margin: 1em 0em 0em 0em;

}

(margin: 1em 0em 0em 0em ; top right bottom left )

I usually remember it as 'trouble' (TRBL).