juewi: 2 Listen-Elemente nebeneinander + gegenseitig vertikal zentriert

Beitrag lesen

Ich hab hier eine Auflistung von Thumbnails und nebenstehendem Text wobei der Text aus 1 oder 2 oder 3 Zeilen bestehen kann und gegenüber dem Thumbnail vertikal zentriert sein soll.

Zur Zeit mit Tabellen, da mit CSS nicht geschafft, siehts so aus:
serien.html MIT TABELLEN
-> egal wieviel Zeilen: Text kann schön zentriert werden

Mit CSS hab ich das ganze nun mit UL und LI versucht und scheitere aber an der vert. Zentrierung der Zeilen:
serien.html MIT CSS
(die ganzen Versuche hab ich rausgenommen, war alles Käse)

div#serienbox ul {  
clear: both;  
list-style: none;  
height: 70px;  
margin-top: 20px;  
border: 1px dashed #0000ff;  
}  
div#serienbox ul li{  
margin-right: 20px;  
float: left;  
border: 1px dashed #00ff00;  
}  

Gibt´s da eine anständige CSS-Lösung oder soll ich hier einfach die Tabelle lassen?

Danke, Jürgen