Menu déroulant afficher / masquer avec mouseover

J'ai un menu horizontale, certaines des rubriques du menu contiennent des sous rubriques (qui vont apparaitre verticalement), je veux que quand je passe la sourie sur la rubrique la sous rubrique défile, voila une ligne du menu qui contient des sous rubriques:

Code:

---

<a href="xxxxx.php" onmouseover="display('yyyy')" class="menu4">

---

(menu4 c'est le style et ne contient aucun autre effect)
et pour afficher les sous rubrique j'ai fait cela:

Code:

---

1 2 3 4 5 6 7 8 9

<table><tr><td> <div id="menu_deroulant"> <div id="yyyy"> <a href="xxxxx.php?cat=lala&ss_cat=NNNN">NNNN</a><br /> <a href="xxxxx.php?cat=lala&ss_cat=SSSS">SSSS</a><br /> </div> </div> </td></tr></table>

---

Le problème c'est que quand je passe la sourie sur la première rubrique du menu puis la deuxième, la première ne se cache pas (bon elle se cache uniquement quand je repasse la sourie dessus -la première- une autre fois sans que j'arrive ou je la passe sur la deuxième rubrique) et les titres des deux sous rubriques deviennent superposé, j'ai pas trouvé de solution pour cela.
Merci pour votre aide.