Ayuda con unos Div's

[Master_raven]

tengo 1 div principal y 3 div dentro de ese principal, 1 a lado derecho 1 centro y uno izquierdo, el div principal tiene un fondo blanco y los otros 3 no tienen fonto.

Codigo css

Código CSS:

/*Div Princial */
#ContentBody {
    margin-top:15px;
    width:1000px;
    background: white;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #cccccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
 
/*Los otros 3 div*/
#ContIzquierda {
    width:206px;
    float:left;
    border-right:2px solid #cccccc; 
}
 
#ContCentro {
    width:630px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
 
#ContDerecha {
    width:140px;
    float:left;
    border-left:2px solid #cccccc;  
}
 

en el codigo html los e puesto de esta forma, el principal conteniendo a los 3 secundarios

Código HTML:

<div id="ContentBody">
  <div id="ContIzquierda">&nbsp;</div>
  <div id="ContCentro">&nbsp;</div>
  <div id="ContDerecha">&nbsp;</div>
</div>
 

el problema es que cuando agrego informacion a los div secundario el div principal no se hace mas grande para que se mire el fondo tengo que ponerle un height:x; y el prblema es que la informacion que agregare no se cuando espacio tome asi que no conosco x siempre y sera variante la mayoria de veces.

que puedo hacer para que el div principal valla aumentando su tamaño a medida que los div secundarios se les valla agregando informacion.?