Siccome sono una frana in javaScript potete darmi una delucidazione?

questo è il codice che non mi funziona correttamente:
codice:
<script type="text/javascript">
	function showMenu()
	{
			document.getElementById("submenu").style.visibility="visible";
	}
	function hideMenu()
		{	
			document.getElementById("submenu").style.visibility="hidden";
		}
</script>

<div id="menu">
    <ul>
        <li >home[*]tutorials[*]articoli[*]forum[*]risorse[/list]
</div>

<div id="createmenu">
    <div id="submenu" onmouseout="hideMenu();">
	<ul>
	[*]opzione1
	[*]opzione2
	[*]opzione3
	[*]opzione4
	[*]opzione5
	[*]opzione6
	[/list]
</div>
praticamente quando passo sopra la voce HOME, mi appare il sottomenu ma scompare se passo da un link ad un'altro del sottomenu...
potete aiutarmi a risolvere il problema?

grazie...