Weird IE6/IE layout bug

Question

I've had quite a few problems with IE6 and our website.

http://www.sweetlets.com/w/solutions/click-stream/features/

At the very top the teaser boxes have scrollbars in IE6, but not IE7, IE8, FF or Chrome. Does anyone have an explanation for this?

Same effect in the footer with the 3 boxes in one row. Also scrollbars. Mathematically all fits into the row of 960px. I added up paddings, margins, borders and width and even kept some pixels left...

I simply don't know what is wrong. Any ideas?

Answer 1

Not sure if it'll fix it but I'd put a clear: both on #cf_content and remove overflow on the following:

#main
#content
#cf_content
#cf_content_teaser

Answer 2

You can set overflow:hidden; on the #cf_content_teaser to get rid of the scrollbars. Dunno if it's worth investigating further if that resolves the issue. You can apply the same to whatever other div it's happening on.