> > On Behalf Of Elli Vizcaino > > > > I have a #sidebar div floating left with 2 divs > > (#topright_content and #bottomright_content) floating > > right, all contained within a #container div. They > > appear fine in Safari & FF but in IE7 (haven't checked > > IE6 but assume it's the same) the divs that are > > floated right are floating outside of the container. > > Can someone please explain why this is happening and > > or suggest a fix: > > > > http://e7flux.com/new/new.html > > The width of #wrapper is 990 px, but #container is nested in #wrapper and has > a 1px border. > So the available width in there is 990px -2px = 988px > > but the width of #sidebar (222px) + the width of the right floats (767px) > equals 989px > > You're short by 1 pixel
I forgot to say that it doesn't happen in FF because the div that is styled with a border has also a width set to 100% so in FF you have some extra "room" (990px + 2px). I don't know why IE doesn't make the container bigger though. -- Regards, Thierry | http://www.TJKDesign.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/