Bonsoir à tous,
 
Je suis en train de faire un petit site, et j'ai un problème sous ie 8 et chrome.    
 
Voici le menu tel qu'il doit s'afficher, et tel que firefox l'affiche :
 

 
Et voici ce qu'ie8 et chrome affichent :
 


 
Sous IE j'ai donc un problème de double marge, et de traits bizarres, et sous chrome j'ai "juste" les traits bizarres...
 
Au niveau du html j'ai ceci :

 
et dans mon css  
 

 
Des idées ? Je me suis gourré quelquepart ?
 
Par avance merci !

Une idée, au hasard, est que l'image blabla.jpg ne serait pas suffisamment grande dans certains cas.
Pour le savoir, il faudrait essayer avec une image en couleur, ou en mettant une couleur au fond du body :

(Et mettre à zéro la margin et le padding d'une manière globale pour le body est une recommandation souvent préconisée pour éviter certains problèmes de compatibilité entre navigateurs).

C'est surement les balise <a/> qui sont soulignées
Mets une règle css  

ul#menu a{text-decoration:none;}

 
Pourquoi ne mets-tu pas les images dans les liens? Là, les liens ne servent à rien.
Sans compter que certains navigateurs n'aiment pas trop la fermeture XML de certaines balises.

Ah mais ton HTML est mal formé, il faut que les liens entourent les images
 <a> ne peut pas s'écrire <a/>, il lui faut du contenu.

Problème résolu merci à vous !    
 
Je m'étais planté dans mon html, il fallait bien évidemment écrire <li><a href="#"><img src="bla.jpg"/></a></li>
 
Me reste encore le problème de la double marge sous ie (j'ai déjà un reset css   )

//display:inline sur les LI (n'oublie pas les // devant display)
et hop pb réglé