Buongiorno a tutti.

Avrei un problema con la realizzazione di un css.

io ho realizzato questo codice:

CSS:
#box {
background-image:url(/img/box.png);
background-repeat: no-repeat;
position:relative;
height:320px;
width:580px;
}
#box div.uno {
background:transparent url(/img/mag_1.gif) no-repeat scroll 0%;
padding:10px 0pt 0pt 35px;
}

HTML:
<div id="box">
<div class="uno">Alessandra</div>
</div>

in questa maniera ottengo una immagine e di fianco il nome Alessandra.

il mio obiettivo sarebbe di ottenere l'immagine e subito sotto l'immagine il nome Alessandra centrato rispetto all'immagine.

qualcuno potrebbe darmi una mano?

io ho provato anche con questo ma comunque non mi funziona dove sbaglio?

CSS:
#box {
background-image:url(/img/box.png);
background-repeat: no-repeat;
position:relative;
height:320px;
width:580px;
}
#box div.uno {
background:transparent url(/img/mag_1.gif) no-repeat scroll 0%;
padding:10px 0pt 0pt 35px;
}
#box #nominativo div.uno {
float:left;
}

HTML:
<div id="box">
<div id="nominativo" class="uno">Alessandra</div>
</div>