תפריט נפתח [JS]

[Kfir.G]

טוב אז יש לי בעיה בתפריט הנפתח שאני רוצה לעשות. עשיתי קישור שכשמעבירים מעליו את העכבר רואים את התפריט הנפתח הבעיה היא איך אני יכול לגרום לכך שהתפריט ישאר נראה אבל כשהעכבר יוזז מהתפריט הנפתח הוא יסגר. הנה הקוד:

...
<script type="text/javascript">
function showAmazon()
{
    amazon.style.visibility="visible";
    amazon.style.display="";
    amazon.style.top=event.y;
    amazon.style.left=event.x;
}
function hideAmazon()
{
    amazon.style.visibility="hidden";
    amazon.style.display="";
}  
</script>
...
a.menu{width:100px;
		    border:1px solid #33FFFF;
		    background-color:#0066FF;
			text-align:center;
			position:absolute}
	a.menu:hover{background-color:	#33FFFF;}
#amazon{position:absolute;
			clear:both;
			visibility:hidden}
...
<a href="" onmouseover="showAmazon()" onmouseout="hideAmazon();" class="menu">
Amazon							
</a>
...
<div id="amazon">
וכאן תוכן התפריט

איך מתקנים את הבעיה שלי?
*מצטער על הבלאגן שיצא כאן עם הקוד אני פשוט משתמש בTAB בשביל שיהיה לי יותר נוח אחר כך =]

תודה מראש על העזרה