css menu design issues Help

try this code






#coolMenu,
#coolMenu ul {
list-style: none;
}
#coolMenu {
float: left;
}
#coolMenu > li {
float: left;
}
#coolMenu li a {
display: block;
height: 2em;
line-height: 2em;
padding: 0 1.5em;
text-decoration: none;
}
#coolMenu ul {
position: absolute;
display: none;
z-index: 999;
}
#coolMenu ul li a {
width: 100px;
}
#coolMenu li:hover ul.noJS {
display: block;
}


/* Main menu
------------------------------------------*/
#coolMenu {
font-family: Arial;
font-size: 12px;
background: #2f8be8;
}
#coolMenu > li > a {
color: #fff;
font-weight: bold;
}
#coolMenu > li:hover > a {
background: #f09d28;
color: #000;
}


/* Submenu
------------------------------------------*/
#coolMenu ul {
background: #f09d28;
}
#coolMenu ul li a {
color: #000;
}
#coolMenu ul li:hover a {
background: #ffc97c;
}





$(function () {

$('#coolMenu').find('> li').hover(function () {
$(this).find('ul')
.removeClass('noJS')
.stop(true, true).slideToggle('fast');
});

});






<ul id="coolMenu">
<li><a href="#" >Security</a>
<ul class="noJS">
<li><a href='~/ContentPages/PrivilegeManagement/AddPrivileges.aspx?MenuId=2'>Privilege
Management</a>
<ul class="noJS">
<li><a href='~/ContentPages/PrivilegeManagement/AddPrivileges.aspx?MenuId=2'>Add Privilege</a></li>
<li><a href='~/ContentPages/PrivilegeManagement/SearchPrivileges.aspx?MenuId=3'>Search
Privilege</a>
</li>
</ul>
</ul>
</li>


<li><a href='~/ContentPages/PrivilegeManagement/SearchPrivileges.aspx?MenuId=3'>UserManagement</a>
<ul class="noJS">
<li><a href='~/ContentPages/UserManagement/AddUser.aspx?MenuId=5'>Add User</a></li>
<li><a href='~/ContentPages/UserManagement/SearchUser.aspx?MenuId=6'>Search User</a></li>
<li><a href='~/ContentPages/UserManagement/ChangePassword.aspx?MenuId=13'>Change Password</a></li>
</ul>
</li>

</li>
<li><a href='#'>Masters</a>
<ul class="noJS">
<li><a href='~/ContentPages/Location/Location.aspx?MenuId=8'>Add Location</a></li>
<li><a href='~/ContentPages/Location/LocationSearch.aspx?MenuId=9'>Search Location</a></li>
</ul>
</li>
</ul>