vertical-align v <li>

zdravim

chci se zeptat. mam <ul> seznam a prvky v nem nastaveny na urcitou vysku. kazdy prvek seznamu ma pozadi a text (slouzi jako menu). jde o to ze bych potreboval aby text i obrazek byli v polozce <li> vycentrovany vertikalne, jelikoz ted mam obrazek defakto tak jak bych chtel ale text je uplne mimo. zkousel jsem to pres vertical-align ale nepomohlo. nemel by nekdo pls radu?

<div id="menu">
<ul>
<li id="o_firme"><a href="o_firme.htm">O Firmě</a></li>
<li id="historie"><a href="historie.htm">Historie</a></li>
<li id="sortiment"><a href="sortiment.htm">Sortiment</a></li>
<li id="kontakt"><a href="kontakt.htm">Kontakt</a></li>
</ul>
</div>

#menu {
padding-top: 23px;
padding-left: 40px;
width: 158px;
}
#menu ul {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
text-align: left;
list-style: none;
}

#o_firme a {
color: #646464;
text-decoration: none;
background-image: url(layout/o_nas_off.gif);
background-position: left;
padding-left: 70px;
background-repeat: no-repeat;
height: 26px;
display: block;
}
#o_firme a:hover {
text-decoration: none;
font-weight: bold;
background-image: url(layout/o_nas_on.gif);
}
#o_firme {
margin-bottom: 10px;
}
...

diky moc chlape

magicky radek: line-height:... vyresil muj problem

diky