Как сделать dropdown?

Question

[neulwert]

Никак не могу привести код в порядок и сделать как надо. Есть две проблемы:

1) Свойство :hover работает неправильно, когда наводишь мышь на край элемента(background) текст не меняет цвета, он меняет только в том случае если четко навести мышь на текст. Это относится как к элементам navbar'a так и к элементам dropdown.
2) Не получается сделать dropdown. Встает не туда и принимает цвета navbar элементов. Если потом ему просто отдельно добавить другие цвета, так нормально будет? Или это не лучшая практика?

Мой код:
https://jsfiddle.net/L9r7d562/3/

Вот оригинал того как я хочу сделать:
https://codepen.io/sathishlxg/pen/JoLOYR?editors=1100

Answer 1

[Фин Дел]