vertical-align: middle wird ignoriert!

[Sebastian]

Hallo liebe Forum'ler,

bin gereade ein bisschen am Verzweifeln.
Ich möchte in einer Textbox, die ansonsten nur <p>'s enthält, ein paar kleine Bilder zeigen, die einen jeweils erklärenden Text (nur wenige Worte) rechts daneben stehen haben. Da die Bilder größer sind als der Text, möchte ich der schönen Ansicht wegen diese textpassagen mittig zum jeweiligen Bild anordnen.

Das soll dann so aussehen:

bbbbbbb
bbbbbbb tttttttttt
bbbbbbb tttttttttt
bbbbbbb

bbbbbbb
bbbbbbb tttttttttt
bbbbbbb

usw.

Zunächst hatte ich ganz normale Textabsätze gemacht, in die ich die Bilder mit float:left; integriert habe.
Ging nicht, weil die Texte untereinander standen und die Bilder auch, aber die Texte nicht mehr zuzuordnen waren:

bbbbbbb tttttttttt
bbbbbbb tttttttttt
bbbbbbb
bbbbbbb
        tttttttttt
bbbbbbb
bbbbbbb
bbbbbbb

usw.

Dann habe ich aus jeder Text-Bild-Kombi ein <div> gemacht und habe vertical-align:middle; angegeben. Sa dann so aus:

<div style="height: auto; vertical-align: middle">
  <img src="xyz.gif" style="float: left;">
  Beispieltext
</div>

Jetzt sind die Texte zwar den Bildern zuzuordnen, aber es sieht immer noch so aus:

bbbbbbb tttttttttt
bbbbbbb tttttttttt
bbbbbbb
bbbbbbb

bbbbbbb tttttttttt
bbbbbbb
bbbbbbb

usw.

Warum wird das vertical-align: middle; ignoriert? Übrigens in IE, FF und OP?

Für sachdienliche Hinweise dankt:
Sebastian