Question

I have a similar problem to this question Why does my floated left div go to the next line in IE6 using the 960.gs?

In my design, the subcategories should be 4 per row. They look fine in FF,Safari,Chrome, but in ie6 they only show 3 per row. I tried creating a different css for ie6, but it didnt work, also i tried reducing the width and padding of each row, but still i have 3 subcategories per row.

I asked again because i bet the solution can be very specific to the css you have.

Answer 1

try setting width of each .subcategory at 24% or max 237px

.subcategory
{
    width:24%;
}

updated

in category.css change in this way:

.subcategory {
    FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 24%; HEIGHT: 230px; TEXT-ALIGN: center
}
.category-item-image {
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px;            HEIGHT: 170px; oveflow: hidden
}
 .subcategory-image {
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px; HEIGHT: 170px; oveflow: hidden
}

Problems are

MARGIN: 5px 34px;

and

WIDTH: 25%;

I’ve tried to set them at 30px and 24% and in IE6 it works!