Vertikale Menu Liste - Schrift vertikale mittig

[.sea.monkey.]

hi,
ich schlage mich grade mit eniem Listenmenu rum...ich weiß ganz genau das ich das schon 20x gemacht ahbe aber heute fällt mir irgendwie nicht mehr ein wo das problem lag.

Ich habe folgenden HTML Code:

<div id="menu">
<ul>
 <li><a href="#">punkt 1</a></li>
 <li><a href="#">punkt 2</a></li>
 <li><a href="#">punkt 3</a></li>
 <li><a href="#">punkt 4</a></li>
 <li><a href="#">punkt 5</a></li>
</ul>
</div>

und dazu die folgende Styleangaben notiert:

<style type="text/css">
body{
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul{
padding:0px;
margin:0px;
}
li{
 list-style-type:none;
 border-left:5px solid #434846;
 border-right:28px solid #838181;
 margin-bottom:1px;
 text-align:right;
 width:162px;
}
a{
 width:162px;
 background-color:black;
 color:white;
 height:30px;
 text-decoration:none;
 display:block;
}
a:hover{
 background-color:white;
 color:black;
}
</style>

aus irgendeinem Grund ist die Schrift nicht vertikal mittig...
ich meine schon alles versucht zu haben wie vertical-align, padding setzen etc... aber irgendwie ohne erfolg.
Manchmal klappts im FF aber das zerreist es im IE (dessen hersteller man verklagen und damit kollektiv in den urlaub fahren sollte:-))...weiß vielleicht jemand rat?

schönen Gruß
.sea.monkey.

[Ingo Turski]

Hi,

aus irgendeinem Grund ist die Schrift nicht vertikal mittig...

was erwartest Du anderes, wenn Du - völlig unpassend -

a{
height:30px;
}

formatierst? Ändere Deine Schriftgröße; bei einer bestimmten Einstellung sollte der text vertikal zentriert sein, bei einer größeren Einstellung dürfte er dann nicht mehr in das Element passen.
Was Du suchst ist line-height und die Einheit em.

freundliche Grüße
Ingo

[.sea.monkey.]

Hallo,

Was Du suchst ist line-height und die Einheit em.

Genau, das wars...danke! jetzt funzt es auch.

schönen Gruß
.sea.monkey.