centerbox columns per row (ie issues)

[jbezooyen]

I've been working on a Zencart site for a little while now... I've just been figuring everything out as I go. My very basic css / php / troubleshooting knowledge has gotten me through most of my issues to this point (I can usually figure anything out with a bit of time). However, this time I'm a little stumped on something...

My issue is related to the "centerboxes" (new products, featured products etc). Everything works great in FF, but IE7 (and 6 too i think?) are having some issues.

For some reason IE7 keeps causing strange wrapping to occur with the centerboxes. I've noticed that if I keep to just "3 columns per row" (the default?) then everything works fine. However, as soon as I go up to four (or more) columns per row, the last item in each column gets shifted down (and seems to randomly orient itself below).

Here's some example images c/o browsershots: http://browsershots.org/http://www.s...ain_page=index

Or the actual pages: www.shiftfashion.ca/shop/

I've been looking around for if some margins / padding are causing me to run out of space, but I'm not sure I'm looking in all the right places. (If I highlight the lines in internet explorer, there seems to be a "space" after the last item of each row. This is just a hypothesis, but could it have something to do with how the line break is displayed?)

Any feedback / assistance would be great! Thanks!

[kuroi]

http://www.zen-cart.com/forum/showthread.php?t=41824. In particular post #6

[yellow1912]

http://www.zen-cart.com/forum/showthread.php?t=41824. In particular post #6

Nice fix. I believe it's the issue with the default margin,padding in ie. You can also fix it by setting padding, margin to 0

[jbezooyen]

Wicked, that should be the sort of fix I was looking for at the moment. Thanks for the prompt reply.