Каким образом к этим стилям добавить подменю?
Меню html
<div id="menu">
<ul>
<li class="current_page_item"><a href="index.html" accesskey="1" title="">Главная</a></li>
<li><a href="uslugi.html" accesskey="2" title="">Услуги</a>
<ul>
<li>submenu1</li>
<li>submenu2</li>
<li>submenu3</li>
<li>submenu4</li>
<li>submenu5</li>
</ul>
</li>
<li><a href="o_nas.html" accesskey="3" title="">О нас</a></li>
<li><a href="kontakty.html" accesskey="4" title="">Контакты</a></li>
<li><a href="publikacii.html" accesskey="5" title="">Публикации</a></li>
</ul>
</div>
Меню сss
#menu
{
position: absolute;
right: 0;
top: 0;
}
#menu ul
{
display: inline-block;
}
#menu li
{
display: block;
float: left;
text-align: center;
}
#menu li a, #menu li span
{
display: block;
padding: 0em 1.5em;
height: 150px;
letter-spacing: 0.20em;
line-height: 150px;
text-decoration: none;
font-size: 0.90em;
font-weight: 600;
text-transform: uppercase;
outline: 0;
color: #ACCFFF;
}
#menu li:hover a, #menu li.active a, #menu li.active span
{
}
#menu .current_page_item a
{
background: #2A76DC;
color: #FFF;
}