Problème d'espace avec Firefox et Chrome [résolu]

Bonjour tout le monde,

je viens solliciter un problème de mise en forme CSS que je rencontre dans la création d'un menu jquery.
A l'aide d'un script Jquery assez simple je fais apparaître ou non un div.
Le soucis est qu'il y a un espace entre la div et le menu de 3px. J'ai beau cherché et essayé pas mal de chose je n'arrive pas à solutionner ce problème.

Voici en image le soucis :
http://imageshack.us/a/img163/6616/ex1q.gif

Voici le lien de la page sur laquelle je travaille :
lien de la page
Les liens concernés sont sur l'onglet "bague" et "bo".

Sur IE je ne rencontre aucun problème d'espace, par contre sur Firefox et Chrome il y a un espace. L'espace sur Chrome n'empêche pas le script de fonctionné par contre sur Firefox le curseur de la souris ne peut même pas glisser sur le DIV qui apparait à cause de l'espace créé.

Le code CSS actuel :

#menu_horiz ul{	height:37px;  }
#menu_horiz ul li {
	float: left;
	list-style-type: none;
	padding-right: 6px;
	padding-left: 6px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	height:37px;
	background-image:url(../images/theme/standard/li_sep.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height: 40px;
	letter-spacing: 1px;
}

/* MENU CSS */
.menu_contenu{
	position:absolute;
	background-color: #999;
	width: 1000px;
	height: 200px;
	display: none;
	left:50%;
	margin-left: -500px;
}

Si une âme charitable à le temps de jeter un petit coup d'oeil je le remercie d'avance.
Modifié par lupyo (16 Oct 2012 - 19:09)

Et ben voila c'est quand je post que je trouve la solution sous mes yeux.
L'erreur venait de :

line-height: 40px;

Et de

height:37px;

Forcément 40px - 37px = 3px qu'on arrive pas à ranger lol