The left column uses float left and has a percentage width allowing both columns to 'flow' as the browser window changes shape.
Drawback? Resize your browser and see!
Here is the CSS for the divs.
body{
margin: 0;
background: #FFFFFF;
color: #333333;
}
h4 {margin:0; padding: 5px 0;}
#lh-col{
width: 60%;
float: left;
border: solid #333333;
BORDER-RIGHT: black 1px dashed;
BORDER-BOTTOM: black 1px dashed;
BORDER-TOP: 0;
BORDER-LEFT: 0;
background: #eee;
color: #333333;
margin: 0;
padding: 40px;
}
#rh-col{
background: #FFFFFF;
color: #333333;
margin: 0;
padding: 0;
}
The right column can be used for
navigation links, search box etc.