lista wypunktowana obrazkiem Opcje

[smiady]

Witam.

Mam taką listę wypunktowaną słoneczkiem

[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 */
}

[smiady]

Potrzebuje jeszcze inna kwestię tzn gdy jest odwrotnie - obrazek jest mniejszy od tekstu to też tworzy pewne problem przy odpowiednim sformatowaniu.
Problem ten obrazuje przykład:

[HTML] pobierz, plaintext 
<style>
	ul {
		list-style-image: url('http://moneyzoom.pl/blog/wp-content/uploads/2010/10/dom1.jpg');
	}
</style>
<ul>
	<li>pierwsza<br/>linijka</li>
	<li>druga<br/>linijka</li>
	<li>trzecia<br/>linijka</li>
	<li>czwarta<br/>linijka</li>
	<li>piąta<br/>linijka</li>
</ul>
[HTML] pobierz, plaintext 

[trueblue]

background-position:0 center;

line-height wtedy nie jest potrzebne.

Wydaje mi się, że vertical-align w obydwu przypadkach nie jest potrzebne.