/*
for css based versions extend the li
below the menu so that the mouse will
stay over the li and keep the hover active
*/
ul.menu-system li.submenu:hover {
    background-color: transparent;
    padding-bottom: 15em;
}

ul.menu-system li.submenu:hover ul {
    left: 0;
    visibility: visible;
}