Wordpress Меню Виджет CSS

Question

Я использую виджет меню Menus + для сайта Wordpress.
Виджет можно стилизовать с помощью CSS, чтобы сделать его горизонтальным выпадающим меню с вложенными подкатегориями.

Чтобы это произошло, я обернул функцию в div с именем #navmenu в своем шаблоне.Затем в моем style.css я добавил код CSS ниже.Первый выпадающий работает, но ни один из других.Я что-то пропускаю?Любой совет будет принята с благодарностью.

#navmenu {margin: 0;padding: 0;height: 1em; }
#navmenu li {list-style: none; float: left; }
#navmenu li a {display: block; padding: 3px 8px;background-color:#fff; color: #000; text-decoration: none; border: 1px solid #000;}
#navmenu li ul {display: none; width: 10em; /* Width to help Opera out*/ background-color: #fff;}
#navmenu li:hover ul, #navmenu li.hover ul {display: block; position:absolute; margin: 0; padding: 0; }
#navmenu li:hover li, #navmenu li.hover li {float: none; }
#navmenu li:hover li a, #navmenu li.hover li a {background-color:#fff; border: 1px solid #000; color: #000; }
#navmenu li li a:hover {background-color: #fff; }

Answer 1

Попробуйте задать значение top и left для селектора #navmenu li:hover ul, #navmenu li.hover ul.

#navmenu li:hover ul, #navmenu li.hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

Возможно, это работает, однако все списки будут расположены в одном месте.Измените top и left соответственно.