Overflow problems in IE7 and older

Just released开发者_JS百科 a website - www.jabsy.com

Figured it's easier if you just go there and test this out yourself instead of me explaining exactly what's happening. Go there in IE7 or older, OR in IE8/9 and set compatibility mode to IE7 standards (or older), and you'll see the two sort drop-downs (which are really just styled lists), and the Facebook button drop down INTO the message container div.

Not only that, but if you switch to "Worldwide" and "Live", as the messages are flowing into the container, they then come out the bottom and you can still see them (even though overflow is set to hidden).

I don't know if both of these issues are related or not. Do you guys mind taking a look and telling me what this could be? Thanks!

if you remove position; absolute from your #filters div and also remove margin-top: 34px from the #posts div this should bring it into line across browser

there shouldn't be any need to remove the #filters div from the flow (what the absolute positioning is doing) as you can control any spacing required with a positive or negative top margin on #posts

This removes the quirky IE positioning problem, which is what this is ;)