Problema con estructura de una web

[dpbataller]

Hola estoy realizando un pequeño proyecto web y me he quedado atascado en la estuctura de la misma.

Os adjunto una imágen para que os hagais una idea de lo que busco




Mi problema es que en la capa #columnaInfor deberia crecer conforme voy introduciendo datos en la capa #colizq y coldere, pero no es así!, al contrario,

esta es la imágen real de como me queda



si os fiajis, la capa #columnaInfor esla que tiene un borde rojo, pero no se ajusta al contenido de sus dos capas hijas (#colizq y #coldere), alguien entiende mi problema y puede ayudarme
Éste el el css que tengo

Código CSS:

#pagina {
    margin:0 auto;
    width:975px;
}
 
 
#columnaInfor {
    display:block;
    height:auto !important;
    margin:42px 0 0;
    padding:0 0 15px;
    border:1px solid red;
}
 
 
#colizq{
    float:left;
    width:660px;
 
}
 
 
#coldere{
    float:right;
    width:305px;
 
}
 

[jomaruro]

Hola:

Aplícale un overflow:auto a la capa #columnaInfor. El error viene porque al estar flotadas las columnas se salen del flujo normal del documento entonces columnaInfor no crece porque no tiene contenido, al aplicarle el overflow si tiene contenido entonces se adapta a él.

Saludos.

[dpbataller]

Gracias compañero!eso era, te puedo prometer que he estado prácticamente toda la mañana para resolverlo y no he podido!
De verdad, mil gracias a todos los que ayudais!
Gracias!