centerbox columns per row (ie issues)

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.shiftfashion.ca/shop/index.php?main_page=index

Or the actual pages: https://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!

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

kuroi:

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

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