Buonasera a tutti.

Ho un sito così strutturato:

codice:
<div id="container">
   <div id="header"></div>
   <div id="menu"><div>
   <div id="content"></div>
   <div id="clear"></div>       
   <div id="footer"></div>
</div>
Ora, io vorrei centrare il tutto. Nei CSS ho scritto:

codice:
#container {
     margin: auto;
     vertical-align: middle;
}

Perché centra solo in orizzontale e non in verticale? Come dovrei fare per ottenere un riquadro perfettamente al centro della pagina?

Grazie.