[RESOLU] Menu accordéon qui bug "sf-menu"

Bonjour,

J'utilise un menu accordéon "sf-menu" qui fonctionne avec un seul sous-menu déroulant mais dès qu'il y a un second sous-menu déroulant dans le même onglet, une partie du menu se mélange.

Voici le code du menu en question qui semble avoir une bonne structure :

<nav>
<ul class="sf-menu" id="nav">
<li class="first"><a href="notyetonline.html" title="Accueil" >Accueil</a></li>
<li><a href="informations/" title="Informations" >Informations</a>
<ul class="sf-menu" id="nav">
<li class="first"><a href="informations/plan-daccès.html" title="Plan d'accès" >Plan d'accès</a></li>
<li><a href="informations/horaires/" title="Horaires" >Horaires</a>
<ul class="sf-menu" id="nav">
<li class="first"><a href="informations/horaires/horaires-des-classes.html" title="Horaires des classes" >Horaires des classes</a></li>
<li class="last"><a href="informations/horaires/horaires-des-locaux.html" title="Horaires des locaux" >Horaires des locaux</a></li>
</ul></li>
<li><a href="informations/projets-et-règlements/" title="Projets et règlements" >Projets et règlements</a><ul class="sf-menu" id="nav"><li class="first"><a href="informations/projets-et-règlements/projet-éducatif.html" title="Projet éducatif" >Projet éducatif</a></li>
<li><a href="informations/projets-et-règlements/projet-pédagogique.html" title="Projet pédagogique" >Projet pédagogique</a></li>
<li><a href="informations/projets-et-règlements/projet-détablissement.html" title="Projet d'établissement" >Projet d'établissement</a></li>
<li class="last"><a href="informations/projets-et-règlements/règlement-dordre-intérieur.html" title="Règlement d'ordre intérieur" >Règlement d'ordre intérieur</a></li>
</ul></li>
<li><a href="informations/offre-denseignement/" title="Offre d'enseignement" >Offre d'enseignement</a><ul class="sf-menu" id="nav"><li class="first"><a href="informations/offre-denseignement/premier-degré.html" title="Premier degré" >Premier degré</a></li>
<li><a href="informations/offre-denseignement/deuxième-degré.html" title="Deuxième degré" >Deuxième degré</a></li>
<li class="last"><a href="informations/offre-denseignement/troisième-degré.html" title="Troisième degré" >Troisième degré</a></li>
</ul></li>
<li><a href="informations/inscriptions.html" title="Inscriptions" >Inscriptions</a></li>
<li><a href="informations/activités-et-projets.html" title="Activités et projets" >Activités et projets</a></li>
<li><a href="informations/conseil-des-élèves.html" title="Conseil des élèves" >Conseil des élèves</a></li>
<li class="last"><a href="informations/association-des-parents.html" title="Association des parents" >Association des parents</a></li>
</ul></li>
<li><a href="agenda.html" title="Agenda" >Agenda</a></li>
<li><a href="photos.html" title="Photos" >Photos</a></li>
<li><a href="http://www.sc1083.be/moodle" title="Site pédagogique" >Site pédagogique</a></li>
<li class="last current"><a href="contact.html" title="Contact" >Contact</a></li>
</ul>
      </nav>

Merci d'avance pour votre aide,

Sub
Modifié par subran (24 Nov 2012 - 14:19)

Je viens de remarquer qu'il n'y a pas de bug mais ... le menu se divise automatiquement en 2 colonnes ... et c'est pas mal du tout.
Modifié par subran (24 Nov 2012 - 14:18)