Post your code.
it is my code bue the menus names have no meaning as it is only a test code
<html>
<head>
<style>
body{font-family:arial;}
a{color:black;text-decoration:none;font:bold}
a:hover{color:green}
ul.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
ul#tutorials
{ position:relative;
left:100 px;
top:-40 px;
}
ul#validation
{ position:relative;
left:100 px;
top:-40 px;
}
li.second
{
position:relative;
top:-140 px;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="v isible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="h idden"
}
</script>
</head>
<body>
<h3></h3>
<ul>
<li onmouseover="showmenu('tutorials') ;hidemenu('validation')" class="first">
<a href="/default.asp">Tutorials</a><br></li>
<ul id="tutorials" >
<li ><a href="/html/default.asp" id="bo">HTML</a></li>
<li><a href="/xhtml/default.asp">XHTML</a></li>
<li ><a href="/css/default.asp">CSS</a></li>
<li ><a href="/xml/default.asp">XML</a></li>
<li><a href="/xsl/default.asp">XSL</a></li>
</ul>
</ul>
<ul>
<li onmouseover="showmenu('validation');hidemenu('tuto rials')" class="second">
<a href="/default.asp">validation</a><br></li>
<ul class="menu" id="validation" >
<li ><a href="/html/default.asp">css</a></li>
<li ><a href="/xhtml/default.asp">bonita</a></li>
<li ><a href="/css/default.asp">lkoigd</a></li>
<li ><a href="/xml/default.asp">rfgf</a></li>
<li ><a href="/xsl/default.asp">frg</a></li>
</ul>
</ul>
<p></p>
</body>
</html>
-----------------------------------------------------------------------------------------------------------
and thank u very much for ur co-operation