Ciao, io ho una pagina con due div di uguale altezza: "principale" è larga 400px e contiene "secondaria" che è larga 250px. Secondaria è floattata a sinistra e contiene due immagini 18px X 18px e un testo che varia di lunghezza tra le due. Il mio problema è che non riesco ad allineare verticalmente il testo rispetto alle div e alle 2 immagini, ma rimane sempre baseline. HO PROVATO IN TUTTI I MODI, anche complicando di molto la struttura della pagina, ma niente! CHE CAVOLO HO SBAGLIATO??? HELP

<div id="principale">
<div id="secondario">
[img]image/back.gif[/img]
testoprovatestoprova
[img]image/ahead.gif[/img]
</div>
</div>


-----------------------------------------------------

#principale {
width:400px;
height:18px;
background-color:#0066FF;
}

#secondario {
width:250px;
height:18px;
line-height: 18px;
background-color:#00FF33;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
float:left;
}