Ciao a tutti!

Sto realizzando una pagina web con i div, ecco l'esempio

http://www.ebol.it/test/prova/default.html

abbiamo l'immagine grande in alto, e altre 3 piccole sotto..queste piccole le vorrei al centro sovrapposte a quella grande... non riesco a centrarle

questo è lo script:

<style type="text/css">
#container {
width: 950px;
height:800px;;
margin:0 auto;
background-color:#ccc;
position:relative;
}
#header {
position:absolute;
left:0;
top: 0;
width: 800px;
height: 350px;
z-index:1;
}

#sposa {
width: 200px;
height: 280px;
position:absolute;
left:0;
top: 300px;
z-index:2;
}

#cerimonia {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 300px;
z-index:2;
}

#uomo {
width: 200px;
height: 280px;
position:absolute;
right:0;
top: 250px;
z-index:2;
}

</style>