Allineamento verticale immagine <LI>

[Andrea1979]

Stavo cercando di personalizzare un'elenco puntato, ma non capisco come sistemare il posizionamento verticale dell'immagine che sostituisce il punto elenco... vorrei che tale immagine fosse sempre centrata verticalmente nella riga[*]

Questo è il mio CSS relativo a quella parte (fin'ora)

#navigation ul {
	list-style-position: outset;
	list-style-image: url(images/mer.jpg.gif);
	list-style-type: none;
}
#navigation ul li {
	line-height: 16px;
	
}

e questo in allegato il risultato grafico (è più o meno lo stesso sia in IE6 che in FF). Come si può vedere l'immagine, che è 12px x 12px si allinea molto più in alto del testo dell'elemento[*]

Come si mette mano all'allineamento verticale, se si può, attraverso le proprietà delle liste, prima di rinunciare e passare ad un'immagine di sfondo per le[*]?

Grazie!