Problème de marges (à cause du display:block ??) dans IE

Bonjour.

Je m'en remets à vous pour un problème que je ne comprends pas sous Internet explorer (encore lui ??!!! ).

Je m'occupe de la refonte d'un menu et je m'aperçois que les sous menus sont très espacés, sans que je comprenne pourquoi. J'ai essayé d'utiliser des margin:0 et paggin:0 mais rien à faire ! Ce qui est bizarre c'est que les titres du menu n'ont pas tous ce problème d'espace car pour les menus du bas il n'y a pas de problème !! Voyez par vous mêmes (seulement sur IE) : http://www.make-development-inclusive.org/index.php?spk=fr&wid=1024. J'ai même essayé un height:O% ou 1% mais ca n'a fait qu'empirer les choses !!

Voici "la maquette" du menu (code html) :

<div id="menu">
	<ul>
		<li><a>Rendre le développement inclusif</a><!--gros titre 1 du menu-->
			<ul>
				<li><a></a></li><!--sous titre du gros titre 1 du menu-->
				<li><a></a></li>
			</ul>
		</li>
		<li><a>Le projet</a><!--gros titre 2 du menu-->
			<ul>
				<li><a></a></li><!--sous titre du gros titre 2 du menu-->
				<li><a></a></li>
			</ul>
		</li>
		<li><a>Evénements</a><!--gros titre 3 du menu-->
			<ul>
				<li><a></a></li><!--sous titre du gros titre 3 du menu-->
				<li><a></a></li>
			</ul>
		</li>
		<li><a>Outils et ressources </a><!--gros titre 4 du menu-->
			<ul>
				<li><a></a></li><!--sous titre du gros titre 4 du menu-->
				<li><a></a></li>
				<li><a></a></li>
				<li><a></a></li>
			</ul>
		</li>
		<li><a>Partenaires </a><!--gros titre 5 du menu-->
			<ul>
				<li><a></a></li><!--sous titre du gros titre 5 du menu-->
				...
				...
				...
			</ul>
		</li>
	</ul>
</div>

Et voici mon code css pour le menu :

/*menu*/

/*positionner le menu*/
#menu 
{
	float:left;
	width:23%;
	margin-left:0.5%;
}

/*concerne tous les liens du menu (tous les titres et sous titres donc tout le menu en fait)*/
#menu a 
{
	display:block;
	font-size:0.85em;
	border-top:1px solid #F30;
	border-bottom:1px solid #F30;
	border-left:1px solid #F30;
	text-decoration:none;
	font-weight:bold;
	padding-left:3%;
	/*height:1%;*/
}

/*concerne uniquement les sous-menu - aligne sur les sous menus*/
#menu li li a 
{
	font-size:0.8em;
	border-bottom:none;
	border-top:none;
	/*margin:0% 0%;*/
	margin-left:3%;
}

/*concerne tout le menu (menu et sous menu) - aligne sur grands titres*/
#menu ul
{
	list-style-type:none;/*enlever les puces des zones de liste*/
	/*padding:0;*/
	margin:0;
}

/*concerne les menus et sous menus sur deplacement de la souris*/
#menu li a:hover 
{
	color:#000080;
	background-color:#FFFF97;
}

/*concerne les menus et sous menus sur reception focus - utile quand on accede au menu depuis les raccourcis claviers*/
#menu li a:active
{
	color:#000080;
	background-color:#FFFF97;
}

Merci d'avance pour votre aide .

Merci de ta réponse N-J.

Je ne connais pas Firebug, mais en cherchant sur le net, j'ai vu que ca a l'air d'un outil puissant .

Pour le padding, sous firefox c'est normal car j'ai une autre feuille css pour firefox donc je n'ai pas mis les mêmes règles css.

Je viens de mettre mon css pour le menu IE à la place du css pour le menu de firefox. Il y a du décalage pour l'ensemble du menu (c'est normal sinon j'aurais pas 2 feuilles css différentes !!!) mais je n'observe pas le problème d'espacement que j'avais sous firefox. Donc a priori mon css pour IE a l'air correct.
J'ai fait l'inverse ensuite, cad prendre le css de FF et le mettre pour IE et là aussi je constate le problème !! C'est donc bien IE le problème !!

J'ai aussi enlevé toutes les autres règles css (pour IE) pour voir si il n'y avait pas "d'interférences". Mais ca n'a pas résolu le problème ouinnnnnn !!!

Pour finir, je viens de remettre height à une valeur tres petite pour les balises <a></a> (height:0.1%) et l'espacement diminue mais c'est pas encore complètement ca !!
Regarde par toi même : http://www.make-development-inclusive.org/index.php?spk=en&wid=1024

Quoi qu'il en soit on avance... lentement mais sûrement !

En attendant de prochaines idées...

je viens de m'apercevoir que en rajoutant height dans les balises <a>, d'accord l'espacement est réduit mais la fin du menu (la derniere grande partie) qui n'avait pas de problème d'espacement jusque là eh bien maintenant c'est comme dans le reste du menu !

Donc finalement je sais pas si on peut dire qu'on avance...

Je signale que cette derniere partie, qui marchait si bien avant, est généré à l'aide d'une table mysql et du php alors que le reste du menu est du simple html.

Est-ce que ca t'avancerais que je t'envoie le code php ??

Et là, c'est que le premier jour de la semaine !!!