Testo a destra di un'immagine

[sirmsym80]

Ciao, voglio mettere del testo affiancato ad una immagine (100x100px) e che il testo sia allineato verticalmente.

HTML

<div id="menu">
	<ul class="lista_menu">
		<li><a href="a.html"><img src="img/a.png">a</a></li>
		<li><a href="b.html"><img src="img/b.png">b</a></li>
		<li><a href="c.html"><img src="img/c.png">c</a></li>
		<li><a href="d.html"><img src="img/d.png">d</a></li>
		<li><a href="e.html"><img src="img/e.png">e</a></li>
		<li><a href="f.html"><img src="img/f.png">f</a></li>

	</ul>
</div>

CSS

#menu {
	float: left;
	width: 250px;
	background: red;
	padding-left: 0px;
	padding-top: 10px;
}


.lista_menu {
	list-style-type: none;
	padding-left: 20px;
	margin: 0px;	
}


.menu_list li {
	padding-bottom: 10px;
	float: left;
	vertical-align: middle;
	font-size: 12pt;
	margin: 0px;
	float: left;
	line-height: 100px;	
}

In questo modo ho le varie immagini una sotto l'altra ma il testo di ciascuna è anch'esso sotto l'immagine, mentre io lo voglio a destra allineato verticalmente rispetto all'immagine. Il tutto (img + testo) dev'essere allineato a sinistra nel contenitore menu...

Grazie