Unsurprising, this is due to IE's total screwup work on the box model.
Because you used position: absolute, the body div is supposed to shrink
to just be wide enough to contain all the content (this is what Mozilla
is doing). But IE obviously doesn't listen there, and expands the DIV out.
While we're discussing that, I have to ask why the body DIV is
absolutely positioned anyway. The top margin will push it below the
content regardless of that, and without the absolute positioning, the
DIV should stretch out like you want.
Arnie Shafer wrote:
>Dear list members,
>I am starting over with the family web site: http://abshafer.com/onemoretime.htm The layout
structure was adopted from Michael Meadhra's article, "Designing a css layout with an interesting
> Please ignore the colors. This site looks ok in IE6.0, but in Mozilla the right edge of the main
div moves to the left several inches - not good. I have searched the archives - found many
references to other width problems but none related specifically to this problem.
>Please excuse the links to the validators for the html and the css. They are there for my use (and
> Thanks for all any help!! Arnie
>List wiki/FAQ -- http://css-discuss.incutio.com/
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/