CSS - Vertikales Positionieren von Text in einem Menü

[ooAlbert]

Hallo,

ich hab mir ein Menü mit mouseover effekt via CSS erstellt. Die einzelnen Menülinks sind als Block definiert damit die Hintergrundgrafiken dahinterpassen. Der Textfür den Link steht aber generell am oberen Rand der Box und lässt sich nicht vertikal zentrieren, horizontale zentrieren per:text-align:center funktioniert. "vertical-align:middle" bringt keine Veränderung.

Hier mal meine bisherige CSS-Datei


#hauptmenue
{
margin:0px;
padding:0px;
position:absolute;
left:0px; top:1px;
background-image:url(menue1.png);
text-align:center;
/*vertical-align:middle;*/

}

#hauptmenue ul, #hauptmenue li {
list-style-type: none;
margin:0px;
padding:0px;
}


#hauptmenue li a:link, #hauptmenue li a:visited, #hauptmenue li a:active {
display:block;
padding: 0px;
text-decoration:none;
width: 150px;
height: 50px;
}

#hauptmenue li a:hover {
background-color:#B1C7D1;
color:#34505C;
background-image:url(menue2.png);
}

#inhalt {
margin:0;
padding:0;
position:absolute;
left:160px; top:0px;
width: 200px;
height: 300px;
}


Wenn mir da eine Holfestellung geben kann wäre das sehr schön :)

mfg

[DanMan]

#hauptmenue li a {
line-height:50px;
}
Nächstes Mal bitte mit HTML dabei.