I have an absolutely positioned block on the top of my page, a block
floated left, and a third block in the normal flow. IE6 and Mozilla
1.4 disagree on where the floated block should be placed -- IE thinks
its top margin should be relative to the containing block (i.e., the
body), while Mozilla thinks it should be relative to the bottom of the
absolutely positioned block.
My instincts, of course, are to assume that Mozilla's correct -- but
reading the CSS spec, I'm not sure. It doesn't seem as though an
absolutely positioned box should have any impact on a float.
Can anyone point to something that would indicate the correct
behavior?
Relevant HTML:
<body><div id="top"></div><div id="left"></div><div id="right"></div></body>
Relevant CSS:
body{margin:0px; padding:0px;}
div{border:1px solid red; height: 10px;}
#top{position: absolute; top:0px; left: 0px; height: 30px; width:
80px;}
#left{margin-top:30px;width:20px;float:left;}
#right{margin-top:30px;margin-left:24px;}
--
Mike Kozlowski
http://www.klio.org/mlk/