Andrew Doades wrote: > In my css file: > > #sidebar { > float:left; > width:165px; > border: 3px solid #aaa; > background-color: #eee; > margin:2px; > padding: 1em; > } > > #content-main { > float:none; > width:100%; > } > > then in my template I just put that links and that in a <div id="sidebar"> > and a content-main one for content
As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] <http://www.w3.org/TR/CSS21/visuren.html#containing-block> [2] <http://www.w3.org/TR/CSS21/visuren.html#block-formatting> [3] <http://www.satzansatz.de/cssd/onhavinglayout.html> Alan http://css-class.com/test/ ______________________________________________________________________ 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/