Probleme d'espace dans sous menus sur IE

Krys -  
Jesuispasûr Messages postés 38 Statut Membre -
Bonjour,

J'ai un probleme avec un sous menu qui contient des images car il y a des espaces entre mes images sous IE et il met donc impossible de cliquer sur les liens de mes dernieres images du sous menus.

Voici le code css :
body{
margin: 0;
padding: 0;
}

#menuDeroulant{
width : 850px !important;
width:850px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}

#menuDeroulant li{
float: right;
width: 112px;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant .sousMenu{
display:none;
list-style-type: none;
margin: 0;
padding: 0px;
border: 0;
}

#menuDeroulant .sousMenu li{
float: none;
margin: 0;
padding: 0px;
border: 0;
width:112px;
}

#menuDeroulant li:hover > .sousMenu {
display: block;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited{
display: block;
height: 1%;
margin: 0;
padding: 0;
text-decoration: none;
}

#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{
display: block;
margin: 0;
border: 0;
text-decoration: none;
}

Voici le code de ma page html :

<ul id="menuDeroulant">
<li><a href=".." onMouseOver="MM_swapImage('Syndic','','images/syndic_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/syndic_menu.gif" width="114" height="20" hspace="0" name="Syndic"></a>
<ul class="sousMenu">
<li><a href=".." onMouseOver="MM_swapImage('FonctionnementS','','images/fonctionnements_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main"><img border="0" src="images/fonctionnements_menu.gif" width="114" height="20" hspace="0" name="FonctionnementS">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('Proposition','','images/proposition_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/proposition_menu.gif" width="114" height="20" hspace="0" name="Proposition">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('EspaceS','','images/espaceclients_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/espaceclients_menu.gif" width="114" height="20" hspace="0" name="EspaceS">
</a></li>
</ul>
</li>
</ul>

Il faut savoir que ce code fonctionne tres bien sur Firefox.
Merci d'avance pour votre aide.
A voir également:

1 réponse

Jesuispasûr Messages postés 38 Statut Membre 1
 
Salut

Je pense que tu devrais essayer de jouer avec height: 1%; mais le à 0%.
Et ensuite tu joues avec margin, padding... si ça bug ailleurs plutôt que height

Enfin je suis pas pro mais moi ça a gardé le menu affiché avec explorer

Bye
0