Bonjour,

Depuis que Firefox est passé à la version 36.0.1, mon menu horizontal déroulant ne s'affiche plus de la même façon. Il y a un espace entre chaque ligne, au lieu d'avoir un seul bloc qui s'affiche au passage du curseur...

Voyez par vous-même : http://www.kosmonavtika.com/

Voici mon code CSS :

Citation:

#toto ul {                                margin:0;                                padding:0;                                list-style-type:none;                                text-align:center;                                margin-top:119px;                                display:inline-block;                                z-index:4;                                }                               #toto li {                                float:left;                                font-family: Arial;                                font-size: 11px;                                display: inline;                                list-style: none;                                margin:0 15px;                                }                               #toto li a {                                display:block;                                background-color:#E3E1E1;                                                               color:000000;                                text-decoration:none;                                padding:10px 5px 10px 5px;                                text-align:left;                                }                               #toto li a:hover {                                color:#000080;                                }                                                              #toto ul li ul {                                display:none;                                }                                                                                          #toto ul li:hover ul {                                display:block;                                margin-top:0px;                                }                                                              #toto li:hover ul li {                                float:none;                                }                                                              #toto li ul {                                position:absolute;                                }

Et voici le petit JS qui appelle la CSS :

Citation:

document.getElementById("nav01").innerHTML = "<ul id='toto'>" +    "<li><a href='http://www.kosmonavtika.com/index.html'>ACCUEIL</a></li>"+    "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux.html'>VAISSEAUX</a>"+       "<ul>"+       "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux-vaisseaux.html'>VAISSEAUX SPATIAUX</a></li>"+       "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux-stations.html'>STATIONS ORBITALES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux-equip.html'>EQUIPEMENTS</a></li>"+       "</ul>"+    "</li>"+    "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs.html'>LANCEURS</a>"+       "<ul>"+       "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs_fusees.html'>FUSEES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs_lanceurs.html'>LANCEURS SPATIAUX</a></li>"+       "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs_etages.html'>ETAGES SUPERIEURS</a></li>"+       "</ul>"+    "</li>"+    "<li><a href='http://www.kosmonavtika.com/cosmoperso/cosmoperso.html'>BIOGRAPHIES</a>"+       "<ul>"+       "<li><a href='http://www.kosmonavtika.com/cosmoperso/biographies.html'>LISTE ALPHABETIQUE</a></li>"+       "<li><a href='http://www.kosmonavtika.com/cosmoperso/cosmonautes/cosmonautes.html'>COSMONAUTES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/cosmoperso/personnalites/personnalites.html'>PERSONNALITES</a></li>"+       "</ul>"+    "</li>"+    "<li><a href='http://www.kosmonavtika.com/basesorga/basesorga.html'>BASES & ORGANISATIONS</a>"+       "<ul>"+       "<li><a href='http://www.kosmonavtika.com/basesorga/cosmo.html'>COSMODROMES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/basesorga/infra_mili.html'>INFRASTRUCTURES MILITAIRES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/basesorga/infra_civ.html'>INFRASTRUCTURES CIVILES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/basesorga/villes/villes.html'>VILLES SPATIALES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/basesorga/orga.html'>ORGANISATIONS</a></li>"+       "</ul>"+    "</li>"+    "<li><a href='http://www.kosmonavtika.com/satellites/satellites.html'>SATELLITES</a>"+       "<ul>"+       "<li><a href='http://www.kosmonavtika.com/satellites/sat_mili.html'>SATELLITES MILITAIRES</a></li>"+       "<li><a href='http://www.kosmonavtika.com/satellites/sat_civils.html'>SATELLITES CIVILS</a></li>"+       "<li><a href='http://www.kosmonavtika.com/satellites/sat_etrangers.html'>SATELLITES ETRANGERS</a></li>"+       "<li><a href='http://www.kosmonavtika.com/satellites/venus/venus.html'>L'EXPLORATION DE VENUS</a></li>"+       "<li><a href='http://www.kosmonavtika.com/satellites/lune/lune.html'>L'EXPLORATION DE LA LUNE</a></li>"+       "</ul>"+    "</li>"+    "<li><a href='http://www.kosmonavtika.com/lancements/lancements.html'>LANCEMENTS</a></li>"+ "</ul>";

Si quelqu'un a déjà rencontré ce problème et a une idée pour le résoudre, je suis preneur !

Merci beaucoup !