Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008

Dorayme,

I can still reproduce the bug (non-rendered bottom margin below red
bottom-border) in IE 7 and IE 8 beta 1 when using these rules:

Absolute length units for bottom margin (and top)
body
{
margin: 0;
}

#mainWrapper
{
border: 1px solid red;
margin: 20px 50px;
}

Relative length units for bottom margin (and top)

body
{
margin: 0;
}

#mainWrapper
{
border: 1px solid red;
margin: 2% 5%;
}

(
there is no padding on body, except for old Opera versions; font-size:
100% is not useful or important in your testcase; min-width and max-
width declarations can be replaced more efficiently, to reduce
testcase complexity; I am following the
CSS2.1 Test Case Authoring Guidelines
http://www.w3.org/Style/CSS/Test/guidelines.html
)

I think this is a flawed, incorrect adjoining margin collapsing
implementation... at least in IE 8 beta 1. I'm not sure what's
happening in IE 7 though. I must say I'm using the emulate IE 7
feature in IE 8 and I know there are some (not many and supposedly not
important) differences between the real IE 7 and the emulate-IE7
feature in IE 8 beta 1.

Regards, Gérard
--
Internet Explorer 8 bugshttp://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/