Hello guys this is my first time posting in your forum....
Could you check my code or any idea you could give..
I want when i mouseout to my "div id=menu3" the "div id=menu2" will stay and when i mouseout neither of the 2 id all of them hide...

Here is my code:
Thanks in advance 4 ur time...

<html>
<!-- Created on: 5/25/2006 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title></title>
<style type='text/css'>
div.menu2{
position:absolute;
left:150;
top:30;
visibility:hidden;
}

div.menu3{
position:absolute;
left:309;
top:90;
visibility:hidden;
}
</style>
<script type='text/javascript'>
//var active = true;
function showMenu(elmnt){
document.getElementById(elmnt).style.visibility='visible';
}
function hideMenu(elmnt){
document.getElementById(elmnt).style.visibility='hidden';
}

</script>
</head>
<body>
<div id='menu1'>
<table border='0'cellpadding='0'cellspacing='0'>
<tr><td valign='top'onmouseover="showMenu('menu2')"onmouseout="hideMenu('menu2')">Most Top Wanted Sites
<div id='menu2'class='menu2'>
<table border='1'cellpadding='0'cellspacing='0'width='160'>
<tr><td>My Avatar</td></tr>
<tr><td>Anime Links</td></tr>
<tr><td>Full Application</td></tr>
<tr><td onmouseover="showMenu('menu3')"onmouseout="hideMenu('menu3')">My Favorites</td></tr>
</table>
</div></td>
</tr>
<td><div id='menu3'class='menu3'>
<table border='1'cellpadding='0'cellspacing='0'>
<tr><td>Yahoo Sites</td></tr>
<tr><td>Google Sites</td></tr>
</table>
</td></div>
</table>
</div>
</body>
</html>