Vertikale Ausrichtung von Text auf Rollover Bild

Tach

ich hab nen Rollover eines Bildes mit CSS gemacht. Auf dem Bild ist ein Text, doch leider drückt es den oben an das Bild hin. Wie kann ich den Vertikal ausrichten?

Habs mal mit vertical-align versucht, jedoch nicht geklappt. Vielleicht kann mir einer weiter helfen.

Hier der Code + Link

<style type="text/css">
    a.menu-home {
        display:block;
        width:170px;
        height:22px;
        background-repeat:no-repeat;
        color:#8B241F;
        font-size:12px;
        font-family:Tahome, Verdana, Arial;
        font-weight:bold;
        text-decoration:none;
        background-image:url(http://www.aligo.de/GENO/menubutton_off.gif);
    }
    a.menu-home:hover {
        background-image:url(http://www.aligo.de/GENO/menubutton_on.gif);
    }    
</style>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <span style="vertical-align:bottom">   Home</span>
  </tr>
</table>

http://www.aligo.de/GENO/post.htm

Der Text soll bischen nach unten, also mittig.

Danke für jede antwort

MFG

[DiBo33]

Wenn du schon eine Tabelle für eine Liste missbraucht, dann verwende auch die korrekte Syntax (td fehlt)

Der Text soll bischen nach unten, also mittig.

line-height

a.menu-home
- und _ in Klassennamen verursachen bei bestimmten Browsern Systemabstürze.

argh, sorry hab die td-Tags ausversehen mit gelöscht, als ich des php zeug raus warf.

- hab ich entfernt.

line-height funktioniert wunderbar. Ich danke dir