https://www.webmaster-forums.net/crss/node/1044715 en https://www.webmaster-forums.net/html-css-and-javascript/css-parent-child-divs-and-margins#comment-1244366 <p>This is the correct behavior[1]. May not work in older IE if you have a "hasLayout" trigger[2] on the inner DIV though.</p> <p>For normal browsers, adding a "block formatting context"[3] to the container DIV should fix it. Try "overflow: hidden;" or "overflow: auto;".</p> <p>[1] <a href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="http://www.w3.org/TR/CSS21/box.html#collapsing-margins">http://www.w3.org/TR/CSS21/box.html#collapsing-margins</a><br /> [2] <a href="http://www.satzansatz.de/cssd/onhavinglayout.html" title="http://www.satzansatz.de/cssd/onhavinglayout.html">http://www.satzansatz.de/cssd/onhavinglayout.html</a><br /> [3] <a href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" title="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">http://www.w3.org/TR/CSS21/visuren.html#block-formatting</a></p> Thu, 20 Aug 2009 02:31:07 +0000 webwiz comment 1244366 at https://www.webmaster-forums.net