[Résolu] Menu déroulant horizontal ne fonctionnant pas

Bonsoir,
je crée actuellement un site pour mon TPE (www.nikolic-ducastaing.com),
Mais comme vous pouvez le voir mes menus ne se déroulent pas...

Il doit y avoir un problème dans la feuille css surement dans cette partie :

#menu_synth
{
    padding : 0;
    background : #000;    
    color : #fff;
    text-decoration : none;
    width : 144px;
    display: none;
    list-style-type : none;
}

#synth:hover #menu_synth
{
    display: block;
}

Et voici le code HTML du menu :

<ul id="main_menu"> 
    <li class="left"> <a href="index.html"> Accueil </a> </li> 
    <li class="left"> <a href="rapport.html"> Rapport </a> </li> 
	<li class="left"> <a href="biblio.html"> Bibliographie </a> </li>
	<li class="right">
    <a href="#" id="synth" > Synthèses </a>
      
      <ul id="menu_synth">
        <li> <a href=""> Ducastaing </a> </li>
        <li> <a href=""> Nikolic </a> </li>
        <li> <a href=""> Guerin </a> </li>
     </ul>

Normalement, le menu "Synthèses" devrait se dérouler mais.... il semblerais que quelque chose bloque...

Merci d'avance pour votre aide.

PS :
Au cas où voici le lien direct vers mon fichier CSS : http://nikolic-ducastaing.com/style.css
Modifié par Zaphoos (15 Jan 2014 - 21:40)

Salut,

Sur ton site ton lien n'a pas d'ID.

Et si il avait un ID le sélecteur serait plutôt :

#synth:hover+#menu_synth
{
    display: block;
}

De plus tu as une erreur dans ton HTML, un li en trop à la fin me semble-t-il.
Modifié par Gili (15 Jan 2014 - 22:08)

Finalement trouvé sur http://www.frogweb.fr/

Merci pour tout.