div annidati allineare testo!

[uork]

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;
}

[uork]

nessuno mi sa dire qualcosa??? Ho provato anche ad utilizzare vertical-align con display: table-row , ma niente il testo e le immagini non si allineano!!

[uork]

CI SONO RIUSCITO!!! penso sa una mezza magagnata però di meglio non sono riuscito a fare! A voi il codice!


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

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

#principale {
width:400px;
height:18px;
background-color:#0066FF;
text-align:left;
position:relative;
}

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

.allineato {
position:relative;
vertical-align:middle;
}