IE 6.0 Sidebar bumps down below

Internet Explorer 6 and before had problems with margins and padding around containers. It’s called the internet explorer 3 pixel jog in the industry. This is a browser design issue and you will find lots of CSS help on the web to guide you in creating an IE6 specific stylesheet for those using that browser on your site.

Try not declaring width: 100% on your .productdisplay class in your CSS sheet. IE6 mis-interprets this and forces full width, not 100% of available width. The majority of time you don’t have to explicitly declare width (unless you’re floating an element), as the box will auto-expand. *Most* of the time…

If not declaring the width doesn’t work, you can always set a style sheet for IE6 and set the width to 89%. I tested this on IE6 (using the developer toolbar) and your side bar popped right into place once I set the width of that class to 89%.

I too was having this problem using my theme based on the default one. It was happening to me even when I switched back to the default theme, so I knew it wasn’t something I had done. Anyway I ended up making my sidebar div a bit narrower and that did the trick. Just thought I’d share in case that helps anyone else out.