Probelma CSS [float e contenuto centrato]

[E.C.Web]

Salve ragazzi, eccomo di ritorno sul forum dopo molto tempo
Sono ritornato provvisto di un bel problema, risolto questo inizierà di nuovo a partecipare alla community!

Allora in breve:

Ho un sito che è strutturato con un <div> centrato ( attraverso margin-left:auto e margin-right: auto ) e che dovrebbe contenere dei blocchi al suo interno, ovvero altri div. Per affiancare i blocchi dovrei utilizzare il float:left, in modo che non vadano uno sotto l'altro.
Questi sono i css:

Codice: Seleziona tutto

#contenitore {
   position: relative;
   margin-left:auto;
        margin-right:auto;
   width: 800px;
        float:none;
}
#box_1 {
   position: relative;
   margin: 10px;
   height: 250px;
   width: 380px;
   background-color: #CCC;
   color: #000;
        float:left;
}


Per quanto riguarda il codice HTML, eccolo qua!

Codice: Seleziona tutto

<div id="contenitore">
<div id="box_1">Prova box 1</div>
<div id="box_1">Prova box 2</div>
</div>


Il problema è che quando imposto il float:left al box_1, questo esce fuori dal contenitore, rimane centrato, ma fuori dal contenitore.
Spero possiate aiutarmi, grazie in anticipo!

[Comatrix]

perché il position:relative al box_1?

[E.C.Web]

Ragazzi ho risolto :) con un <div style="clear:both;"></div>

Grazie comunque!