Rozwijane menu Opcje

[kajzur]

Witam,
mam taki skrypt:

[HTML] pobierz, plaintext 
 
 <script type="text/javascript">
function jj()    {
if(document.getElementById('submenu').style.display == 'block' )
{
document.getElementById('submenu').style.display='none';
}
}
</script>
      				 <ul >
                    	<li ><span onmouseout="jj();"><a id="menu" href="java script:void(0);" onmouseover="document.getElementById('submenu').style.display='block';" >Więcej</a></li>
                        <div style="display:none;position:absolute;top:35px; width:270px;background-color:#49324C;    
    color:#fff;
    text-shadow:1px 1px 2px #A0457E;
    text-decoration:none;padding:6px 20px;" id="submenu"  >
 
<a style="font-size:14px;"href="#">FAQ</a><br>
 
	</div>
       </span>    
 
[HTML] pobierz, plaintext 

Gdy najeżdzam na "więcej" to menu się pojawia. Lecz gdy wyjade poza przycisk, nawet na obszar menu, to ono znika. Powinno w zamyśle znikać gdy wyjade poza obszar przycisku i poza obszar menu. Czy mogę prosić o pomoc w tej kwestii?

[erix]

Puść gdzieś to na żywo.

Poza tym, po co do tego JS? Wystarczy sama pseudoklasa :hover.