Product listing Slpit in IE6

[fendlestick]

Hi

I have been working on customising my productlist using some background images but when I view the pages in IE the listing is split into 3 columns while Firefox seems to have no trouble, any advice would be much appriciated.

My css is

/* PRODUCT LISTING */

.productListing-rowheading a {
color:#000000;
font-size: 10px;
border: 0px;
}

.productListing-data img {
padding:8px;
}

.productListing-data {
font-size: 10px;
padding: 1em 1em 1em 1em;
text-align: left;
}

.productListing-heading {
background:#FFFFFF;
color:#000000;
font-size: 10px;
border-bottom: 1px solid #BCBCBC;
}

.productListing-even {
background:url(../images/listingbg.jpg) no-repeat;
}

.productListing-odd {
background:url(../images/listingbg.jpg) no-repeat;
}

/* PRODUCT INFO */

Ive added the images so you can see the differnce.

Cheers all....

[fendlestick]

Couldnt find the edit button

Heres the solution i thought i shared for anyone else wanting to use background images in the product list that works in FF & IE6 (only tested these).

Use this mod to create different class id's for the cells, tons of thanks to the author

http://www.zen-cart.com/forum/showthread.php?t=44248

Then create you backgrounds with CSS. Im using it for 3 columns and has worked for me in the example above.

Hope this saves you some time.