Bear with me, this could take a while. I am building a page for an intranet that will have three columns, each with its own style. What I have done is created each column within a div, positioned by the stylesheet. The problem is that in a smaller than maximised window, the right column overlaps the centre column, rather than it wrapping. How can I get the centre column to wrap its text so that it is visible, no matter what the window size.

Here is the relevant code:

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 stuff that I want to wrap in smaller windows
  </div>
  <div class="quicklinks">
    Some more stuff here
  </div>
</div>
The style sheet stuff:

.leftnav{
position:absolute;
top:50;
left:0;
width:150;
}

.bodytext{
position:absolute;
top:60;
left:180;
width:400;
}

.quicklinks{
position:absolute;
top:60;
right:5;
}

I have tried it without using width, but it doesn't work

Thanks in advance