Disperazione:'vertical-align' e 'p'

[tsunamin]

<div class="pippo">
<p class="middle">test</p>
</div>

Nel CSS ho:

.middle {
  vertical-align: middle;
}

.pippo {
  float: left;
  width: 20%;
  height: 50px;
}

In pratica "test" mi rimane allineata verticalmente in mezzo SOLO in firefox, mentre in IE continua a restare in alto..
- Come faccio a farla allineare nel middle anche con IE?

- Se metto <span></span> al posto di

</p> non posso usare vertical-align da quel che ho capito.. mi confermate che non si può?

- Visto che non posso mettere <span> quel cavolo di

mi crea una sorta di interlinea di fine paragrafo e in pratica il testo non mi rimane allineato per bene nel middle, ma rimane leggermente spostato verso l'alto. C'è modo di evitare sto problema?

Se qualcuno può darmi una mano.

Grazie a tutti!

[seed_squall_it]

IE purtroppo supporta malissimo vertical-align. Ti consiglio di giocare invece sulla proprietà line-height. Dato che hai una height: 50px per l'elemento

, ti basta impostargli una line-height di 50px (magari sfruttando la classe "middle" che ora usa vertical-align) per avere il risultato che vuoi.