[ag3nt42]

I tested this code it is working perfectly now mod it to your needs

<style>
#MainMenu {
	background-color:red;
	width:100px;
	height:25px;
}
#Menu {
	background-color:pink;
}
#SubMenu {
	background-color:orange;
	display:none;
	visibility:hidden;
}
</style>

<script>
function displayMenu()
{
document.getElementById('SubMenu').style.visibility="visible";
document.getElementById('SubMenu').style.display="inline";
}

function hideMenu()
{
document.getElementById('SubMenu').style.visibility="hidden";
document.getElementById('SubMenu').style.display="none";
}
</script>

<div id='MainMenu'>
<div id='Menu' onmouseover='displayMenu();' onmouseout='hideMenu();'>
	<a href='#'>HOME</a>
<div id='SubMenu'>
	<a href='#'>OTHER</a>
	<a href='#'>OTHER</a>
	<a href='#'>OTHER</a>
	<a href='#'>OTHER</a>
	<a href='#'>OTHER</a>
	<a href='#'>OTHER ect...</a>
</div>
</div>
</div>