[Narayadna]

В общем, проблема такая. В выпадающем меню выпадающие пункты не встают как надо списком по вертикали, а тупо накладываются друг на друга.
Причем, до этого делала это же меню(до того как слетели файлы сайта), все работало отлично. Сейчас не могу понять в чем проблема. Кажется что проблема в position, но в голову не приходит как исправить, а может и не в этом.. в общем вот то как выглядит сейчас http://s019.radikal.ru/i607/1312/81/ba56450098a6t.jpg
Модераторам просьба не ругаться, у вас что то с загрузкой картинок, не смогла залить.

Вот код:

<div class="menu-head"><?php wp_nav_menu(); ?> </div>

.menu-head {
list-style:none;
float: right;
font-size: 18px;
margin-top: 30px;
}
.menu-head li {
float:left;
margin-right:10px;
position:relative;
display:block;
}
.menu-head li a{
padding:5px;
color: #FFF;
text-decoration:none;
}
.menu-head li a:hover{
color: #009e8e;
text-decoration: none;
}
.menu-head li a:active{
color: #ff6d00;
text-decoration: none;
}
.menu-head li ul li {
list-style:none;
position: absolute;
opacity:0;
-webkit-transition:0.25s linear opacity;
}
.menu-head li ul li a{
white-space:nowrap;
display:block;
}
.menu-head li:hover ul li{
left:0;
opacity:1;
background-color:#FFF;
border: 1px solid #333;
}
.menu-head li:hover ul li a {
color:#000;
}
.menu-head li ul li:hover a{
background:#bdbdbd;
color: #000;
}
.menu-head li ul li:hover ul li a:hover{
background:#333;
}


А надо вот так: http://i069.radikal.ru/1312/16/b1866eb5c6bct.jpg

Модераторам просьба не ругаться, у вас что то с загрузкой картинок, не смогла залить.

[Narayadna]

Ну всем спасибо что ответили, разобралась сама. Также возникла проблема с подсветкой активного пункта меню, решилась тоже в принципе легко, ну в общем готовый код такой(вдруг кому понадобится):

PHP код:

<nav id="menu" role="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?>
</nav>

CSS:

#menu {
background: #000;
font-size: 18px;
clear: both;
display: block;
float: right;
width: 100%;
margin-top: 24px;
margin-right: -640px;
}


#menu ul {
list-style-type: none;
padding-left: 0;
padding: 5px 0;
}


#menu a {
color: #FFF;
display: block;
padding: 0 5px;
text-decoration: none;
}
#menu li {
float: left;
position:relative;
padding: 0px 5px;
}


#menu ul li a:hover {
color: #009e8e;
}


#menu ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left: 0;
width: 188px;
z-index: 99999;
}


#menu ul ul ul {
left: 100%;
top: 0;
}


#menu ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
padding: 10px 10px;
width: 168px;
margin: 0 ;
}


#menu a:focus {
background: #efefef;
}



#menu ul li:hover > ul {
display: block;
}


#menu li.current_page_item{
color: #ff6c00;
}


#menu li.current_page_item a{
color: inherit;
}

Вот такое вот меню получилось : 222.jpg

#menu li.current-menu-ancestor {
color: #ff6c00;
}


#menu li.current-menu-ancestor a{
color: inherit;
}

это добавляем если надо подсветить родителя выбранной категории меню