Pb alignement d'un lien de 2 lignes dans une liste avec puces

Bonjour,

voici mon problème, j'ai une liste à puces (avec image) et je n'arrive pas à aligner 2 lignes d'un seul et même lien.
Il y a toujours un décalage pour la deuxième ligne ce qui n'est pas très esthétique.

voici le contenu de la feuille de style :

.menu 
{ 
margin-top: 10px;
margin-bottom: 40px;
margin-left: 0px;
padding-left: 0px;
width: 200px;
background-color: #5D89BC;
font-family: verdana;
font-size: 9pt;
color: #ffffff;	
}

.menu a 
{
color: #ffffff;
font-size: 9pt;
font-family: Verdana;
text-decoration: none		
}

.menu a:active 
{
text-decoration: none							
 }

.menu a:hover 
{
color: #ffffff;
 text-decoration: underline
 }

.liste1 
{
margin-left:0em ; /* marge droite en em */
margin-top:0.5em ;
list-style-image:url(images/liste.jpg);				
}

et voici le code du fichier html :

<div>
<ul class="menu"> 
<li class="liste liste1">&nbsp<a href="#">C.L.A.D.</a></li>
<li class="liste liste1">&nbsp<a href="#">Sections européennes anglaises</a></li>
</ul>
</div>

par avance merci !!!