在两列页面上,如何使用CSS或Javascript将左div增长到正确的div高度？

我正在使用基于div的布局来制作一个两列页面(不需要表格！).问题是,我不能增加左边的div来匹配正确的高度.我的右边div通常有很多的内容.

这是我的模板的一个配对下面的例子来说明问题.

<div style="float:left; width: 150px; border: 1px solid;">
  <ul>
    <li>nav1</li>
    <li>nav2</li>
    <li>nav3</li>
    <li>nav4</li>
  </ul>
</div>
<div style="float:left; width: 250px">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
....
</div>

alt text http://involution.com/images/divlayout.png

function setHeight(){
  var height = $(document).height(); //optionally, subtract some from the height
  $("#leftDiv").css("height", height + "px");
}