[RESOLU] Espace indésirable sous les lignes d'une liste

Bonjour à tous,

Je sais que ce sujet a été abordé à plusieurs reprises mais d'après ce que j'ai trouvé et appliqué, je n'ai pas trouvé de solution.

J'ai un menu vertical (déroulant) qui fonctionne bien sous Firefox mais évidemment sous IE il y a un couac!

Le css correspondant :

BODY {
font-family:Arial, Helvetica, sans-serif;
background-image: url(../img/home/fond_page.gif);
background-position: top left;
background-repeat: repeat-y;
background-color: #333333;
font-size: 12px;
text-align: left;
margin: 0;
padding:0;
}

img { display: block; border:0; }

.clear	{ clear:both; }

#conteneur {
background-color: #FFFFFF;
width:955px;
}

#entete {
background-color: #FFFFFF;
width: 955px;
padding: 0;
margin: 0;
}

#menu {
float:left;
background-image:url(../img/pages/fondMenu.gif);
background-position:top left;
background-repeat:repeat-y;
width:175px;
height: 800px;
margin-top:0;
padding-top:15px;
}
#menu ul.menu 	{ margin:0; padding:0; list-style-type:none; }
#menu li.surMenu  { margin:0 0 1px 0; padding:0; background-image:url('../img/pages/fond_surMenu.gif'); }
#menu li.menu a	 { display:block; margin:0 0 0 0; padding:10px 6px; text-decoration:none; color:#FFF; font-size:15px; }


#menu li.menuOn	{ background:url(../img/pages/fondMenu-on.gif) top left no-repeat; margin: 0 0 1px 0; }
#menu a	{ display:block; margin:0 0 0 10px; padding:10px 6px; text-decoration:none; color:#CC3333; font-size:15px; } /*FF9B00*/

#menu a.menuActif  { color:#0052A6; }
#menu a:hover	{ color:#0052A6; }

#menu ul#sousMenu { color:black; margin:0 0 0 30px; padding:0; list-style-type:square; }
#menu li.sousMenu a { margin:0; padding:2px 0; text-decoration:none; color: #333333; font-size:12px; }
#menu li.sousMenu a:hover	{ font-weight:bold;  color:#0052A6; }

#section {  float:left; width:8px; }

#contenu { float:left; width:767px; margin-bottom:20px; }
#contenu h1 { font-size:30px; color:#0052A6; width:537px; margin:30px 0 0 15px; padding:0; }
#contenu hr { width:537px; color:#0052A6; background-color:#0052A6; height:1px; border:0; margin:2px 0 0 15px; padding:0; }

SVP, voyez le site avec IE et FF pour constater le problème : communication médicale
pour info, c'est un mini CMS acheté l'an dernier à une agence web qui n'existe plus aujord'hui....

bref, je vous remerci ede votre coup de main.
Cévi
Modifié par cevichero (04 Feb 2008 - 17:10)

bonjour
tu pourrais corriger l'adresse ? le lien ne fonctionne pas.

Oups, c'était du .fr.......

Modifié par cevichero (04 Feb 2008 - 11:45)

Bonjour,
je relance ma question....
merci

Salut,

Je pense que c'est un problème de fusion des marges
Voir .
Tu devrais pouvoir régler ton problème sans trop affecter ta mise en page en ajoutant :

#menu li{
padding-bottom: 1px;
}

à ta CSS.

Bie vu Ghost!
et merci, ça marche impec, il y a juste un pixel en trop dans le padding mais ce n'est pas gênant...
a++