This should work, I haven't tested it:
Code:
#sidebar {
float: left;
width: 180px;
}
#benefitsContent {
float: left;
width: 670px;
border: 1px Solid #000;
}
#layout {
clear: both;
width: 970px;
border: 1px Solid #000;
}
.clear {
font-size: 0px;
height: 0px;
line-height: 0px;
clear: both;
}
With this markup:
Code:
<div id="layout">
<div id="sidebar"> Left Side Bar Content. </div>
<div id="benefitsContent"> Benefits Content</div>
<div class="clear"></div>
</div> <!-- end layout -->
Post for more help.