Allineamento Centrale Verticale dentro a un Div

[capsula]

Ho un piccolo problemino.... ho questa struttura:

<div id="block_lat">
	<div id="block_lat_tit"><p class="title"> Titolo </p></div>
	<div id="block_lat_cont"><span id="contenuto"> Contenuto... </span></div>
</div>

e questo CSS:

div#block_lat {
   margin: 0px 3px 0px 3px;
   border: 1px solid #000; 
   text-align: left;
}

div#block_lat_tit {
   background: #CC99CC;
   height: 25px; /* NB: Questa altezza potrebbe variare, non è definitiva */
}
div#block_lat_cont {
   background: #FFFFFF;
}
.title {
   padding: 5px; 
}

Vorrei che la scritta Titolo (cioè quello dentro al tag P) fosse centrato nel suo div. Ma non una centratura orizzontale (quindi senza text-align: left/center/right) ma una centratura verticale...del tipo top/middle/bottom... di solito conle tabelle lo so fare ma con i div no.... come si fa?
E per i tag span e h1,h2,h3 come si fa? (Parlo sempre di quelo allinemaneto centrale verticale)
Grazie, ciao

[Fello]

ti consiglio di leggere queste due interessanti risorse:
prima
seconda

[capsula]

Ma il vertical-align dice che non funzioni su IE....come si fa? Il secondo articolo non lo ho capito, io non ho dimensioni fisse come le hanno le miniature. Difatti l'altezza potrebbe cambiare e la larghezza è variabile...

[capsula]

UP