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;
 
}