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


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