<ul id="g-menu">
<li><a href="#">Главная</a> </li>
<li><a href="#">Ссылка</a>
<ul>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
</ul>
</li>
<li><a href="#">Ссылка</a>
<ul>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
</ul></li>
</ul>
</ul>
#g-menu {
padding: 0;
margin: 0;
font-size: 100%;
font-family: Tahoma;
}
#g-menu li {
list-style: none;
float: left;
height: 20px;
padding: 0;
margin: 0;
width: 150px;
text-align: center;
background: #f5f5f5;
position: relative;
padding-top: 5px;
border: 1px solid #939393;
}
#g-menu li ul {
list-style: none;
padding: 0;
margin: 0;
width: 150px;
display: none;
position: absolute;
left: 0;
top: 25px;
border: 1px solid #939393;
}
#g-menu li ul li {
float: none;
height: 20px;
margin: 0;
width: 150px;
text-align: center;
background: #f5f5f5;
border: 1px solid #939393;
}
#g-menu li a {
display: block;
width: 150px;
height: 20px;
color: #939393;
text-decoration: none;
}
#g-menu li:hover ul, #g-menu li.jshover ul {
display: block;
}
#g-menu li:hover, #g-menu li.jshover {
background: #ffffff;
}