Ciao a tutti, ho realizzato un layout a pagina unica, dove attraverso l'uso di jQuery cliccando su una voce del menu la pagina si muove in verticale.

Il mio problema è che dovrei centrare verticalmente sempre un DIV, ma non ci riesco, riesco a centrare soltanto il primo, il secondo proprio non si centra.

In pratica esiste una section di altezza 1200px e larghezza 100%, poi ho il primo div centrato in questo modo:

codice:
.div1 {
 width: 900px; 
 height: 600px; 
 position: absolute;
 top:50%;
 left:50%;  
 margin-left: -450px;
 margin-top: -300px;
 background-color: #CCCCCC;
   
}
mentre per il secondo, usando le stesse impostazioni, non si centra.

E' possibile un piccolo aiuto?

Grazie in anticipo!