el truco que dan ahi no sirve de nada porque en 99% de los casos la altura del contenedor de los floats nunca se sabe, entonces no se le puede dar un alto fijo, por lo tanto no funciona height:100%;
la unica forma correcta sin trucos ni nada es usar posiciones absolutas, pero en IE no funciona y no hay hack que funcione, si dios quiere con la salida del IE7 se va a poder hacer paginas dignas sin hacks.
ejemplo:
Código:
#main {
border:1px solid #555;
overflow:auto;
position:relative;
}
.fbox_l {
width:150px;
position:absolute;
top:5px;
left:5px;
bottom:5px;
border:1px solid #555;
background:#eee;
}
.fbox_r {
width:150px;
position:absolute;
top:5px;
right:5px;
bottom:5px;
border:1px solid #555;
background:#eee;
}
.content {
margin:0 160px;
}
...
<div id="main">
<div class="fbox_l"></div>
<div class="fbox_r"></div>
<div class="content"></div>
</div>