Проблема в Navbar из-за положения прямоугольника выбора текста и раскрывающегося меню ⇐ CSS

[Anonymous]

Я создаю Navbar, но у меня есть проблема, когда я перемещаю мышь через элемент (например, в компании) для отображения раскрывающегося меню ниже. Слишком близко к «Компании» (почти как если бы подчеркнуть ее), вместо этого я хотел бы позиционировать зеленый прямоугольник намного ниже и точно на нижнем крае Navbar. Следовательно, я также хотел бы улучшить выпадающее меню, потому что оно, кажется, слишком много расположено выше и перекрывает Navbar. Результат, который я хотел бы получить, является следующим:


AAAAAAA
XXXX

• COMPANY
  
  
  
  Example 1
  
  
  Example 2
  
  
  Example 3
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8

Подробнее здесь: https://stackoverflow.com/questions/791 ... gle-and-th