[Roundies] probleme de Hover avec Roundies

Fermé
Kino76 Messages postés 85 Date d'inscription mardi 26 juillet 2011 Statut Membre Dernière intervention 15 décembre 2011 - Modifié par Kino76 le 19/09/2011 à 09:32
Bonjour,

J'ai un petit probleme avec le script Roundies qui permet de crée des arrondies,

Voila j'ai crée un menu avec des éléments cacher je crée un arrondie sur ces élément cacher cela marche parfaitement mais une fois que je sort de l'élément cacher il ne veut plus disparaitre... Comment faire?

code du menu :
<div id="menu"> 
  <ul id="topnav"> 
    <li> <a href="#"> Accueil </a> </li> 
      <li> 
        <a href="#"> Le Club </a> 
        <span> 
          <a href="#"> L'histoire </a>  
          <a href="#"> Le club en chiffre</a>  
        </span> 
      </li> 
      <li> <a href="#"> les News </a> </li> 
      <li>  
         <a href="#"> Photos et Vidéos </a>  
          <span> 
                <a href="#">Photos</a>  
                  <a href="#"> Vidéos</a>  
         </span> 
      </li> 
      <li> <a href="#"> Livre D'or </a> </li> 
      <li> <a href="#"> Page des Sponsors</a> </li> 
      <li> <a href="#"> Inscrivez-vous </a> </li> 
 </ul>  
 </div> 


apelle de roundies :
    DD_roundies.addRule('#menu', '12px 12px 0 0', true); 
    DD_roundies.addRule('#menu span', '0px 0px 12px 12px', true); 


code css :

ul#topnav {margin: 0; padding: 0;float: left;width: 1000px;list-style: none;position: relative;font-size: 1.2em;background-color: black;} 
ul#topnav li {float: left;margin: 0; padding: 0;border-right: 1px solid #555;} 
ul#topnav li a {padding: 10px 15px;display: block;color: #f0f0f0;text-decoration: none;} 
ul#topnav li:hover { background-color: red; height: 50px;} 
ul#topnav li span {float: left;padding: 15px 0;position: absolute;left: 0; top:50px;display: none; width: 1000px;background-color: red;color: #fff;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;} 
ul#topnav li:hover span { display: block; }  
ul#topnav li span a { display: inline; }  
ul#topnav li span a:hover {text-decoration: underline;} 




Merci d'avance :)