Non-floated div drops below right floated div in IE9 (and 7)

Posted by PVA on Stack Overflow See other posts from Stack Overflow or by PVA
Published on 2012-06-21T02:08:38Z Indexed on 2012/06/21 3:16 UTC
Read the original article Hit count: 97

This is a responsive site, (http://www.dermatologypartners.com) with desktop styles first. IE8 handles the pages correctly, though without CSS3 flourishes. But IE9 is dropping my navbar (on left) down, when it is up next to the right floated content in all the other browsers.

My navbar is near the end of the HTML because I want it to flow over LAST, below page content but above the footer, in the smartphone version of the site -- which it does.

The nav is NOT floated. It just rises to the top left and content is floated to the right.

Except in IE9.

I don't to have to redo all this, if I can just get an IE9 fix. It's not "float drop" - there's plenty of room available. I'm actually having the same problem in IE7, but I'm not concerned with IE7 -- but why 7 & 9, while 8 is fine?

Thanks!

© Stack Overflow or respective owner

Related posts about internet-explorer-7

Related posts about internet-explorer-9