Salve,avrei un probelam con dei div. Devo allineare 3 contenitore dentro un div centrato in un altro div Cercherò di spiegarmi meglio con del codice:

codice:
#cento { 
width: 100%; 	
height: 150px; 	
background-image:url(images/header.jpg); 	
padding: 30px; 
}

#centro{
margin: auto;
overflow: hidden; 
}

.box{
width: 250px;
padding-left: 25px;
padding-right: 25px;
float: left;
text-align: left;
}
Questo è il CSS, mentre per quanto riguarda l'html:

codice:
<div id="cento">
<div id="centro>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</div>
Il problema è che nonostante il div centro sia centrato (scusate il gioco di parole) e i 3 div messi in float dovrebbero occupare una larghezza di 750px totali, non sono mai ben centrati, inoltre se provo ad esempio a farli di 300px uno me lo ritrovo sotto! Qualcuno sa darmi una mano?