Marc: padding Problem bei hover (vertcial:middle bei block)

Hallo liebe Gemeinde!

ich habe ein kleines Problem mit CSS:

.touren_reiter, .touren_reiter A:link, .touren_reiter A:visited {
 width:170px;
 height:20px;
 background-color:[rot];
 text-align:center;
 vertical-align:middle;
 padding-top:2px;
 display:block;
}

.touren_reiter A:hover {
 background-color:[blau];
 display:block;
 padding-top:2px;
}

Wenn ich jetzt mit der Maus über die Zelle fahre, bleiben die 2 Pixel des padding-top in rot, der rest wird wie gewünscht blau. Ich brauche aber das padding, sonst ist der text nicht vertical zentriert (das vertical-align klappt bei desplay:block nicht wirklich...)

Weiß jemand einen Rat?

Danke!
Gruß Marc

  1. ahhhh, so einfach: line-height ist das Stichwort.

    Marc