Modello a scatola 3 box

[invisible93]

Ho un problema che non riesco a risolvere..
Praticamente nella mia pagina ho un box centrale con 2 box dentro (uno a destra, uno a sinistra).
Dentro ai due box(destra e sinistra) ci sono scritti dei testi abbastanza lunghi e quindi io ho messo l'altezza automatica.
Anche al box centrale ho messo l'altezza automatica, però quest'ultimo non si "adatta" alle lunghezza degli altri 2 box che sono al suo interno.
Come faccio a risolvere?
vi posto il codice

<div id="centrale"> 
 <h2 align="Center" class="titolo2">Esempio </h2> 
<div id="centro_sinistra" > testo.......... </div>
<div id="centro_destra" > testo.......... </div>
           </div>
questo è il css:

#centrale {
position:relative;
margin:auto;
width:80%;
height:auto;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
padding:20px;
}
#centro_sinistra{
position:relative;
float:left;
width:65%;
height:100%;
padding-left:10%;
}
#centro_destra{
position:relative;
float:right;
width:35%;
height:100%;
}

Non so cosa sbaglio.. aiutatemi voi
grazie

[Mich_]

E` il solito problema che un blocco non flottato non contiene i float al suo interno.

Puoi dare float anche al contenitore,
puoi inserire un clear (fa' una ricerca con "clearing" nel fourm),
oppure puoi usare qualche altro trucco che trovi nel forum mediante una ricerca.