#divContainer {width: 800px;background: url(images/bg.jpg) repeat-y;}
 #div1 {width: 180px;float: left; color:#FFF;}
 #div2 {width: 560px;float: right; background-color: gray; }


<div id="divContainer">
<div id="div1">
<p>This could be a simple navigation column.</p>
</div> <!-- div1 -->
<div id="div2">
<p>This would be a much larger column because it would be the body copy for the site. You would typically want to make this text very long to show exactly what the site is doing. So copy some lorem ipsum text in here ……. </p>
</div> <!-- div2 -->
<br style="clear: both;" /> <!-- This is to make sure it wraps -->
</div> <!-- divContainer -->