[resolut] Probleme de menu deroulant persistant

bonjour !
voila je suis entrain de creer un site web et j ai un probleme avec mes menu deroulant !
voila j ai une suite de menu horizontal avec des sous menu
quand je passe ma souris le 1 er sous menu s affiche sans probleme seulement quand je passe a celui d a coter le premier sous menu reste afficher et ainsi de suite
a la fin tous mes sous menu reste afficher a moins que je ne repasse ma souris sur les menu
pourtant ma fonction java comporte bien la fonction onmouseout elle fonctionne mais seulement au deuxieme passage!
voila le resultat en passant ma souris de gauche a droite d un trait
http://img207.imageshack.us/img207/7892/70559714sb9.jpg
ce pourrait il que ma feuille css pose probleme au script ?
comment je peut forcer la disparition des sous menu quand je change de menu ?
voici mes lignes de menu html:

<div id="menu">
		<ul id="nav">
			<li><a href="#" title="Acceuil">Acceuil</a>
                        <ul><li><a href="#">Historique</a></li>
                        <li><a href="#">Legende</a></li>
                        <li><a href="#">Standard</a></li>
                  </ul>
          </li>
           
            <li><a href="#" title="Jo">Jo</a>
                    <ul><li><a href="#">Histoire</a></li>
                        <li><a href="#">photos</a></li>
                        <li><a href="#">best of </a></li>
                  </ul>
          </li>
            
			<li><a href="#" title="">Fidjie</a>
                                <ul><li><a href="#">Histoire</a></li>
                        <li><a href="#">photos</a></li>
                        <li><a href="#">best of </a></li>
                  </ul>
          </li>
            
			<li><a href="#4" title="">Black</a>
                                <ul><li><a href="#">Histoire</a></li>
                        <li><a href="#">photos</a></li>
                        <li><a href="#">best of </a></li>
                  </ul>
            </li>
            
			<li><a href="#" title="">Dirt</a>
                                <ul><li><a href="#">Histoire</a></li>
                        <li><a href="#">photos</a></li>
                        <li><a href="#">best of </a></li>
                  </ul>
            </li>
		</ul>
</div>

voici le script java que j utilise:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("li");
   for (var ii=0; ii<sfEls.length; ii++) {
      sfEls[ ii].onmouseover=function() {
         this.className+=" sfhover";
      }
      sfEls[ ii].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" sfhover\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

merci de votre aide

EDIT par Felipe: j'ai remplacé la variable i par ii pour que ce ne soit pas compris comme une balise "italique" par le Forum
Modifié par badsnakes (29 Jun 2008 - 22:25)

Bonjour et bienvenue,

Sans un lien vers ta page, il va être quasi-impossible de t'aider. On a aucune idée de la manière dont tu appelles tes fonctions et en quoi elles consistent ...

Note: il ne s'agit pas de Java mais de Javascript

EDIT: ah tu as édité pendant que je rédigeais mon post
Modifié par Felipe (21 Jun 2008 - 08:22)

desoler mais le site est en cours et donc sur mon pc je n ai pas encore mis en ligne !
je ne peut donc pas donner de lien vers elle,je peut seulement faire un imprime ecran
c est la page d acceuil et je bute sur le systeme de menu donc tout le reste est encore a faire!

a écrit :
Note: il ne s'agit pas de Java mais de Javascript

je ferais attention desoler