CSS问题导航下拉菜单

Question

我的CSS在菜单的第一级工作正常。没问题。自从我开始尝试添加下拉菜单/子菜单以来，我遇到了各种各样的问题。

我能管理的最好的功能是让菜单下拉到主菜单下面，就像我想要的那样，但是子菜单显示为内联而不是垂直列表。此外，菜单和子菜单块似乎比我想要的更高。我将高度设置为导航容器内的所有内容的继承，但我仍然得到LI分隔符的这个奇怪的扩展。如果您在codepen中翻转主菜单链接，您可以看到我的意思。我一直在讨论这个问题太长时间了，真的可以使用一双新的眼睛看着它因为我已经尝试了很多不同的调整我的代码现在我迷失了。 （注意：我从Son of Suckerfish获得了这个下拉菜单的框架。这是我至少可以在这方面工作的唯一框架。）

Code