Pues yo intento adaptar ese ejemplo a mi web pero no hay manera. Tengo el mismo problema , mirad en el IE lo que ocurre aquí www.tercerainformacion.es/3iv2
Quiero aliear los tres div en el centro y el tercer div se queda debajo del primero
El css es el siguiente:
#cuerpo{
background: #fff url(../imagenes/cuerpo.png) repeat-y;
width:1009px;
margin:0 auto;
padding:0;
}
#cabecero{
background-image: url(../imagenes/header.png);
width:1009px;
height:100px;
text-align:left;
}
#contenido
{
width:1009px;
background:#fff;
float:left;
}
#col_izq{
width:390px;
background:#fff;
float:left;
}
#col_centro{
width:230px;
background:#fff;
float:left;
}
#col_dcha{
width:367px;
background:#fff;
float:left;
}
y el HTML :
<div id="cuerpo">
<div id="cabecero"></div>
<div id="contenido">
<div id="col_izq"></div>
<div id="col_centro"></div>
<div id="col_dcha"></div>
</div>
</div>