I am fairly new to CSS, though a developer for many years. A client asked me to update his website, and we discussed changing the layout from table-based to "CSS-based", i.e. box model. Great; I read as much as I could, snaffled stuff from AListApart, BlueRobot, OSWD and so on. Got the content generation working (it's a sort of CMS thing in back), but the problem I have is that (in IE6) the main content div expands a few pixels leftwards once it reaches below the bottom of the left nav. Works fine in Ffox 1.5. Is this a known problem? I can't find any reference to it. If it's known, does anybody know a workaround? Basic structure is shown below. If you want the code I'll post it, but I don't want to waste people's time ploughing through my sorry code if this is a known problem with a workaround. (Bizarrely, when I changed the left nav + main content to use a simple two-cell table, as an experiment, IE6 displayed it perfectly while Ffox didn't display it at all.)Thanks in anticipation,Click
<body><div id="container"> <div id="header"> logo etc </div> <div id="topnav"> <ul><li>sliding doors</li></ul> </div> <div id="leftnav" float:left width:150px> menu </div> <div id="content" margin-left:165px> main content </div> <div id="footer"> copyright etc </div></div></body>