Ibrahim Y wrote: > Hi, > > I've problem that there is a gap between the div called "top" and > "container" on IE6 , it works fine on FF & IE7 > http://www.frontrow.jo/ > and here is the css styles > http://www.frontrow.jo/includes/common.css > > any idea ? > > Thanks in advanced > Ibrahim
This also affects IE7. The fixes for this bug are. #container ul, #container p { margin-top:20px; /* IE will behaves like other browsers */ } or #container ul, #container p { margin-top:0; /* other browsers will behaves like IE */ } This is due to the effects of hasLayout [1] on margins [2]. Both the #left and #right divs are floated (hasLayout trigger). All good browsers will show the top margin of the <p> and <ul> elements, the children of the #left and #right divs respectively, IE will however make these default margins disappear. The next version of IE may behave similar to the other good browsers since hasLayout is now history with IE8. [1] <http://www.satzansatz.de/cssd/onhavinglayout.html> [2] <http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/DefaultMarginDisappear.html> Alan http://css-class.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/