First remove all the CSS drop down menu codes and then, check out with the simple code that is provided below. I have just used the simple mouseover and mouseout JavaScript functions in this case:
Code:
<html>
<body>
<script type="text/javascript">
function viewsubmenu(id)
{
document.getElementById("submenu_" + id).style.display="block";
}
function hidesubmenu(id)
{
document.getElementById("submenu_" + id).style.display="none";
}
</script>
<style>
#submenu_1 {
display:none;
}
</style>
<div class="nav">
<ul>
<li><a onmouseover="viewsubmenu('1')" onmouseout="hidesubmenu('1')">HOME</a></li>
</ul>
<ul id="submenu_1">
<li>ABC</li>
</ul>
</div>
</body>
</html>
Bookmarks