Ho scritto questo codice:

div#foto{
height: 291px;
background-color:#ffffff

}
div#fotoprima{
width:981px;
height:281px;
background-image:url(../img_template/foto_prima.jpg);
background-repeat:no-repeat;
background-position:center center;
}


ma la foto si allinea in alto a sinistra.

codice html:
<div id="foto">
<div id="fotoprima"></div>
</div>

Come faccio a centrare la foto?