onmouseout sur <div>

Bonjour à tous

sur un lien avec onmouseover je fais apparaitre un div qui contient un tableau
sur le div j'ai mis un onmouseout pour faire le fermer lorsque je ne le survole plus
or il me considère hors du <div> lorsque je passe au dessus d'un élément contenu dans le <div> ce qui évidemment me pose problème

voici mon code HTML

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<a href="#" onmouseover="afficheMenu('listeTable1');">Concevoir</a> <div id="listeTable1" onmouseout="fermeMenu('listeTable1');"> <table border="1"> <tr> <td>lien 1</td> </tr> <tr> <td>lien 2</td> </tr> <tr> <td>lien 3</td> </tr> </table> </div>

---

code JS

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function afficheMenu(monMenu) { for (i=1;i<4;i++) { if (monMenu != ('listeTable'+i)) document.getElementById('listeTable'+i).style.display = 'none'; }   if (document.getElementById(monMenu).style.display == 'block') document.getElementById(monMenu).style.display = 'none'; else document.getElementById(monMenu).style.display = 'block'; }   function fermeMenu(monMenu) { document.getElementById(monMenu).style.display = 'none'; }

---

merci de votre aide

sujet déja abordé il faut mettre un setTimeout sur la fonction lancée dans le onmouseover et l'annuler par un clearTimeout sur le div interne...

merci pour la réponse ;)

Edit : Finalement j'ai opté pour une solution en <ul><li> entièrement en css
comme ça plus de soucis ;)