Simple Pure CSS Drop Down Menu

<a href="#">Home</a>
<a href="#">Menu 1</a>
- <a href="#">Sub Menu 1</a>
- <a href="#">Sub Menu 2</a>
- <a href="#">Sub Menu 3</a>
- <a href="#">Sub Menu 4</a>
  - <a href="#">Deep Menu 1</a>
    - <a href="#">Sub Deep 1</a>
    - <a href="#">Sub Deep 2</a>
    - <a href="#">Sub Deep 3</a>
    - <a href="#">Sub Deep 4</a>
  - <a href="#">Deep Menu 2</a>
- <a href="#">Sub Menu 5</a>
<a href="#">Menu 2</a>
- <a href="#">Sub Menu 1</a>
- <a href="#">Sub Menu 2</a>
- <a href="#">Sub Menu 3</a>
<a href="#">Menu 3</a>
- <a href="#">Sub Menu 1</a>
- <a href="#">Sub Menu 2 THIS IS SO LONG IT MIGHT CAUSE AN ISSEUE BUT MAYBE NOT?</a>
  - <a href="#">Category 1</a>
  - <a href="#">Category 2</a>
  - <a href="#">Category 3</a>
  - <a href="#">Category 4</a>
  - <a href="#">Category 5</a>
- <a href="#">Sub Menu 3</a>
- <a href="#">Sub Menu 4</a>
- <a href="#">Sub Menu 5</a>
<a href="#">Menu 4</a>
<a href="#">Menu 5</a>
<a href="#">Menu 6</a>
<a href="#">Contact Us</a>

</nav>

Widget:Test