I'm while using menu widget Menus+ for any Wordpress site.
The widget has the capacity to be stylized with css to be able to turn it into a horizontal dropdown menu with nested sub groups.

To achieve this, I wrapped the function inside a div known as #navmenu during my template. Then during my style.css I added the css code below. The very first drop lower is working but no others. Shall We Be Held looking over something? Any advice could be greatly appreciated.

#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; }

Try giving a top along with a left value towards the #navmenu li:hover ul, #navmenu li.hover ul selector.

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

It's most likely working, nevertheless the lists all will be situated in the same location. Change top and left accordingly.