Float Problem

programming web dev
1

Alright, I have a left column, a right column and a center content part. Recently I started using the “float” property instead of this:

 
<div id="level1">
 <div id="level2">
  <div id="level3>
 Content...
  </div>
 </div>
</div

With the float property I do something like this:

 
<div id="header">
</div>
 
<div id="leftMenu">
</div>
 
<div id="content">
</div>

…and so on…

The problem with the second example its that the columns doesn’t get bigger with the content part (my columns have a background color, I wish this conserved until they reach the footer part)…

I’ve traying the “height” property but it doesn’t work…

Any idea?

Thank You!