Arian Hojat wrote: > http://arihoj.freehostia.com/tabTest.html > > I got it working in firefox, but IE (6) seems to have a problem... if > you hover over one of the inactive links, a margin shows up between > #contentbody and element before it. It seems to 'use' #TroubleMaker > bottom margin which is really weird.
> I could just change TroubleMaker margins to padding, but id rather > know whats going wrong. IE/win is a demanding customer, and gets easily confused. So it collapses that 50px margin no matter what -- unless it finds a solid clearer between the elements. At least IE obeys the standard[1] on that point. This will do... </div> <br style="clear: both; font-size: 1px; line-height: 0; height: 0;" /> <div id="header"> ...with styles moved to the stylesheet. Also, there's a weak spot in those rounded corners. Non-breaking spaces will be blown up with font-size under the IE-option 'ignore font-sizes', and similar in other browsers. That will make gaps appear. <div id="top-left2"><div id="top-right2"><!-- --></div></div> ...and... <div id="bottom-left2"><div id="bottom-right2"><!-- --></div></div> ...will survive untouched. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/