codice:
<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!