The left col can be used for navigation links, search box etc.
The left column is absolutly positioned and is a fixed width. It won't move.
The content column, which you are reading from, is flexible. It will automatically change shape, width can be controlled by setting appropriate margins or an actual width can be specified if required.
CSS::
body{
margin: 0px;
background: #FFFFFF;
color: #333333;
}
h4 {margin:0; padding: 5px 0;}
#lh-col{
position: absolute;
top: 20px;
left: 20px;
width: 180px;
BORDER-RIGHT: black 1px dashed;
BORDER-BOTTOM: black 1px dashed;
BORDER-LEFT: black 1px dashed;
BORDER-TOP: black 1px dashed;
background: #efefef;
color: #333333;
margin: 0px;
padding: 0px;
height: 400px;
}
#rh-col{
margin: 20px 20px 20px 220px;
border: 1px solid #000000;
background: #ffffff;
color: #333333;
padding: 20px;
}