/*
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.dropdownNav li.submenu:hover {
  padding-bottom: 30em;
}

ul.dropdownNav li.submenu:hover ul {
  left: 0px;
  visibility: visible;
}