תפריט נפתח בJS

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

HTML קוד:
…
<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 בשביל שיהיה לי יותר נוח אחר כך =]

אני רוצה תפריט שברגע שמעבירים את העכבר מעל לחלק בתפריט נפתח תפריט חדש כמו באתרים הבאים:
http://arcadia.co.il/ – בצד
https://webmaster.org.il/ – התפריט העליון
וכד'

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