Meras: "vertical-align: middle" klappt nicht

Beitrag lesen

Hi,

ich bin neu, was HTML und CSS betrifft..
Ich möchte meine Navigationsleiste mit einer Tabelle aufbauen, was soweit klappt... weiterhin habe ich für die einzelnen Navi-Buttons 2 Bilder in Photoshop erstellt (abgerundete, einfarbige Bildchen) ...
Mein Code-Auszug sieht wie folgt aus:

css:
a{
font: bold 11px verdana, sans-serif;
color: #291b61;
text-decoration: none;
display:block;
text-indent: 1em;
width:150px;
height:27px;
background:url("grafik/button_inaktiv.gif") no-repeat;
vertical-align: middle;
}

html:
<td height="27"><a href="../seiten/impressum.htm">Impressum</a></td>

Nun meine Frage: Warum bekomm ich die Schrift (hier: Impressum) vertikal nicht mittig ausgerichtet?.. die ist dauernd oben an den Button angehaftet... sobald ich "display:block" rausnehme, ist sie zwar mittig ausgerichtet, aber das Bild wird nicht mehr komplett angezeigt^^
Habs eben mit line-height:2.1em hinbekommen... aber das kann ja nicht Sinn der Sache sein, oder?