Yes that is how we spell colour in this part of the world, but that is not the issue. This is related to my previous question

OK, here is the problem: I have three columns of information on a page, positioned within divs using css (code to follow). One contains more content than the other. The problem is that the background colour only fills to the bottom of the content, not to the bottom of the page. How can I make it go to the bottom, without going back to tables?

HTML:
Code:
<div width="100%">
  <div class="leftnav">
    Navigation stuff goes here
  </div>
  <div class="bodytext">
    The main body text goes in here.  This is the heaps longer than the nav content
  </div>
  <div class="quicklinks">
    Some more stuff here
  </div>
</div>
CSS:

Code:
.leftnav{
    position:absolute;
    top:50px;
    left:0px;
    width:150px;
    background-color:#ececdd;    
    }

.bodytext{
    position:absolute;
    top:60px;
    margin-left:165px;
    margin-right:160px;   
    }

.quicklinks{
    position:absolute;
    top:60px;
    right:5px;
    }
Thanks in advance.