Как пофиксить проблему с hover в меню

Когда навожу курсор на элемент меню, появляется выпадающее меню. Когда пытаюсь навести на него, оно пропадает. Как пофиксить?

Ответ

Для этого выпадающее меню должно быть вложено в пункт меню. Все можно реализовать только на css. Пример:
li {cursor: pointer;} li.submenu ul {display: none; margin: 0px; padding-left: 30px;} li.submenu:hover ul {display: block;}

пункт меню 1

пункт меню 2

пункт меню со вложением

• подменю 1
• подменю 2

пункт меню 4