Line-height... impossible de l'ajuster sous IE. [Résolu]

Bonjour.

J'ai de la difficulté pour ajuster l'espacement entre deux éléments d'un menu sous IE. J'ai utilisé line-height pour le faire. Pour Safari et Firefox Mac, tout est ok, mais pour IE, l'espace entre les deux éléments est beaucoup plus large.

page de test: http://largowin.com/test/test.html

J'ai donc tenté d'ajuster l'espace en diminuant mon line-height pour IE, mais ça a pour effet de couper l'accent sur réalisateurs et enlever le point comme vous pouvez le constater sur cette page: http://largowin.com/test/test2.html

Voici ma css avec seulement le hack !important ajouté:

body {
font-family:Helvetica, sans-serif,Verdana, Arial;
margin: 0;
padding: 0;
background-color:#666666;
}

#header {
height: 200px;
}


#conteneur {
position: absolute;
width: 100%;
}

#droite {
margin-top:250px;
margin-left: 450px;
}

#gauche {
position: absolute;
left:22px;
width: 350px;
font-size:3.5em;
text-align:right;
margin-top:100px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding-left:20px;
line-height:50px !important;
line-height:25px;
border-style: none;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
display:block;
margin: 0;
color: #000000;
text-decoration: none;

}
.menugauche a:hover {
color:#fff;
}

#logo {
position:absolute;
background-image:url(logo.jpg);
left:60px;
top:35px;
width:450px;
height:88px;
}
[code]

Quelqu'un aurait une idée? Merci de votre aide.
Modifié par largowin (27 Mar 2008 - 12:03)

Bonjour,

Est-ce que ça pourrait avoir un rapport avec le bug d'IE6 mentionné à la fin de l'article suivant?
Impact sur le rendu de la mise en forme du code HTML

C'est exactement ça!

J'ai placé les élément un à la suite de l'autre dans mon menu et tout est impec.

Merci Florent!