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.