раскрывающееся меню

Ответ от Wise[гуру]
#menu {position:relative; z-index:500;}
#menu ul {padding:0; margin:0; list-style:none; }
#menu ul ul {position:absolute; left:-9999px; width:150px; top:45px;}
#menu ul ul ul {position:absolute; left:-9999px; width:150px; top:-5px;}
#menu ul li {background:#fff; margin-right:5px; float:left;position:relative;}
#menu ul li a {display:block; float:left; text-decoration:none; }
#menu ul ul li {margin:0;}
#menu ul ul li a {width:105px;}
#menu ul li a:active + ul.dropdown {left:-5px}
#menu ul li a:focus + ul.d1,
#menu ul li a:focus + ul.d2 {left:-5px}
#menu ul li ul.dropdown:hover {left:-5px}
#menu ul {
font-size: 20px;
}
#menu ul ul {
font-size: 12px;
}
#menu {
background-color: #000;
width: 960px;
vertical-align: top;
height: 50px;
}
#menu ul{
padding: 0;
list-style: none;
margin: 0px;
}
#menu ul li{
width: 100px;
background-color: black;
line-height: 50;
vertical-align: center;
}
#menu ul li {
position: relative;
}
#menu ul li a{
display: block;
color: #FFF;
background: #000;
text-decoration: none;
line-height: 50px;
vertical-align: center;
}
#menu ul li a:hover{
color: #FFF;
background: #333;
}
< div id="menu">
< ul class "levelone" >
< li class="fly">
< ul class="dropdown d1">
< li>
< /ul >
< /li >
< li class="fly"> </ li>
< br/ >
</ ul>
< div>