Javascript + onmouse ??

Bonjour,

je souhaite créer une page sur laquelle des divs contenant des informations s'affichent au passage de la souris sur les liens.

j'ai procédé de la facon suivante :

<style>

#box { position: absolute; width: 30%; height:20%; top: 1%; left:1%; visibility:hidden; background-color:#FF0000; }
</style>
<a href=# onmouseover="affichebox()" onmouseout="fermebox()">Texte</a>

<div id="box">
bla bla bla
</div>

<script>
function affichebox()
{
document.getElementById("box").style.visibility="visible";
}


function fermebox()
{
document.getElementById("box").style.visibility="hidden";
}

</script>

Et la , ca ne marche pas !

En fait lorsque la souris passe sur le texte, la box s'affiche par dessus le lien. Mais comme la fenetre est par dessus le lien la souris n'est plus sur le lien donc la box disparait. Puis elle réapparait ... et ainsi de suite, ce qui provoque un effet de clignotement très très désagréable et qui en plus gène le fonctionnement de la page.

Comment y remédier ?
(je pense faire en sorte que si la souris est sur la box, elle reste visible mais je ne sais pas comment m'y prendre).

Aidez moi s'il vous plait !!


merci