Wow! Ça fait un méchant bout de temps que je recherche cette solution, et tandis que je cherche un autre soluce aussi utile pour un autre truc, elle me saute dans la face! C’est génial!

Qui ne sait pas battu pour positionner un beau <div> centré à la vertical? À l’horizontale, rien de plus simple, d’habitude un text-align:center; fait la job. De toute manière, je n’élaborerai pas la dessus. Ce qu’on veut, c’est de l’alignement à la verticale et centrer bon!

#ton_div{
width:200px; /* tu lui dis une largeur */
height:200px; /* tu lui dis une hauteur*/
position:absolute;
top:50%; /* la position du haut du div en absolu à la moitié de la page*/
margin-top:-100px; /* mais tu sais qu’il fait 200px de haut, donc tu enlèves un margin de -100^x (200px/2…) */
left:50% /* ici ça sert à en plus centrer horizontalement par la même occasion */
margin:left:-100px; /* même logique que pour la hauteur */
}

J’ai hâte de testé mais je suis pas mal certaine que c’est une jolie solution!!!