CSS горизонтальное выпадающее меню навигации ⇐ Html

[Anonymous]

Я пытаюсь реализовать горизонтальное раскрывающееся меню на своем веб-сайте и столкнулся с несколькими проблемами:

1. Я хочу, чтобы раскрывающееся меню отображалось постоянно, даже если пользователь переместил указатель мыши от одной из ссылок в главном меню, как в этом примере: www.msn.com.
Я думаю, что для этого мне придется использовать jQuery, но у меня нет опыта работы с javascript.

2.Как центрировать текст в раскрывающемся списке? На данный момент это выглядит так:
https://i.sstatic.net/J3TQx.png

3. Когда я использую инструменты разработки Chrome, я вижу, что элементы nav ul находятся за пределами блока nav, почему это происходит? Как я могу исправить это, не используя позицию: Absolute;, это не проблема, но это будет, если кто-то захочет добавить еще один пункт главного меню с помощью WordPress, но не знает, как редактировать CSS.
https://i.sstatic.net/CYyfn.png

html:



[url=

Подробнее здесь: https://stackoverflow.com/questions/977 ... ation-menu