Button

[oladii]

Hallo.
Baue grad eine menu, und kann nicht den Text von einzelnen Buttons in der Mitte schieben(vertikal gesehen).
padding-top verschiebt den Text mit dem Background, der aber auf der gleichen Stelle weiter bleiben soll.

hier ist html:

<ul>
<li>
<a class="mainlevel" href="index.php?option=com_content&task=view&id=4&Itemid=6">Tagesgeld</a>
</li>
...
</ul>

hier ist css:

ul {
list-style:none;
width:220px;
padding:2px;
padding-top:20px;}

ul li{
padding-left:10px;
padding-right:10px;}

ul li a.mainlevel{
padding-left:10px;
font-size:13px;
display:block;
height:25px;
background-image:url(../images1/button_line_geld.png); background-position:0px 25px;}

ul li a.mainlevel:hover{
background-image:url(../images1/button_line_geld.png); background-position:0px 0px;}

Werde mich freuen für Hinweis oder Tipp. Danke!