lista wypunktowana obrazkiem Opcje

[smiady]

Witam.

Mam taką listę wypunktowaną słoneczkiem (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<style>
ul {
	list-style-image: url('http://www.przedszkole-sloneczko.eu/sites/all/themes/sloneczko/images/sloneczko-icon.png');
}
</style>
<ul>
	<li>pierwsza linijka</li>
	<li>druga linijka</li>
	<li>trzecia linijka</li>
	<li>czwarta linijka</li>
	<li>piąta linijka</li>
</ul>
[HTML] pobierz, plaintext 

Chodzi o to, że jeśli obrazek ma większą wysokość od tekstu to tekst jest na dole przy obrazku, a warto żeby było po środku (najlepiej pobrać sobie kod i zobaczyć).
Jak wyśrodkować tekst przy słoneczku ?

[trueblue]

Kod

li{
    background: url(url_do_grafiki) no-repeat;
    line-height: Xpx; /* X=wysokość grafiki */
    vertical-align: middle;
    padding-left: Xpx; /* X=szerokość grafiki + odległość od tekstu */
}