Having a bit of trouble with IE6; typically I'd just drop support for it, but there's a chance that many visitors will be using it on this project. If you have IE6 and want to see the issue, check out my Home Page link.
The problem is that div#content drops below div#left. I attempted Robert Nyman's method but had no luck. Anyone know of another solution?
<html>
<style type="text/css>
#wrapper{ width:980px; margin:auto; background-color:#fff}
#header{ width:980px; position:relative }
#middle { width: 980px; padding:20px; overflow:hidden; clear:both}
#left{ float:left; width:200px}
#main{width:740px; margin: 0px 0px 0px 210px}
#content{width:480px; min-height:400px; float:left}
#right{float:left; width:240px; margin: 0px 0px 0px 10px}
#footer{clear:both; width:980px; margin:auto;padding:20px 0 }
</style>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="middle">
<div id="left">
</div>
<div id="main">
<div id="content">
</div>
<div id="right">
</div>
</div>
</div>
</div>
<div id="footer">
</div>