[thelist] IE6 CSS problem [solved]

Max Schwanekamp lists at neptunewebworks.com
Tue Nov 15 13:32:12 CST 2005


John Handelaar wrote:
> Max Schwanekamp wrote:
>>div#topnav is overlapping div#content in this page:
>>http://url123.com/dkkc5
> I don't have IE, but does #topnav have an explicit height set?

Yes it has height: 146px; which matches the height of the background 
image.  Turns out that #topnav had nothing to do with it.  IE has a bug 
where floated elements with negative margins get content-clipped[0]. 
The solution is to add position: relative to those elements.  No effect 
in FF/Opera/Safari, IE 6 is happy.

Thanks for the reply.

[0] http://www.sitepoint.com/forums/showpost.php?p=1526876&postcount=5

-- 
Max Schwanekamp http://www.neptunewebworks.com/




More information about the thelist mailing list