Mozilla différent des autres ? Un menu qui réagit différemment.

Bonsoir,

Je créé actuellement un site sous spip.
J'ai beau chercher depuis une heure, rien à faire
Mon menu, qui s'affiche très bien sous mozilla, garde le problème de sa partie basse sur les autres navigateurs..
Même en jouant avec les margin, les padding, et j'en passe. Rien n'y fait..

Si quelqu'un avait une piste, ce serait formidable !
Voici les deux bouts de code ainsi que l'image en question de mon problème.

<img id="menu2haut" src="#CHEMIN{img/menu2haut.png}"/>
			<ul id="lesgroupes">
			<BOUCLE_rubrique4(RUBRIQUES){id_rubrique=8}>
			<BOUCLE_sous_rubriques4(RUBRIQUES) {id_parent} >
			<li><a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a></li>
			
			</BOUCLE_sous_rubriques4>
			</BOUCLE_rubrique4></ul>
			<img id="menu2bas" src="#CHEMIN{img/menu2bas.png}" />

Et pour la CSS :

img#menu2haut {
	margin-left: 21px;
	margin-top: 0px;
	margin-bottom: -6px;
}

ul#lesgroupes {
margin-top: -10px;
margin-bottom: 0px;
padding-bottom: 0px;
}

ul#lesgroupes li {
	list-style-type: none;
	background-image:url('img/menu2fond.png');
	width: 150px;
	margin-left: -20px;
	margin-bottom: 0px;
}

img#menu2bas {
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;
	
}

Voici ce que me donne le bas de mon menu :
http://nsa25.casimages.com/img/2011/02/21/110221014551596792.jpg