Html 不知道如何显示第二个下拉列表

我一直在研究这个问题，但是我找不到隐藏的bug。不知怎么的，它是重叠的，我不能让第二个菜单出现

#menu > ul > li.has-dropdown = first
#menu > ul > li.has-dropdown > ul > li.has-dropdown = second

现在菜单>ul>li.has-dropdown>ul>li.has-dropdown>ul显示，但是没有文本，全部透明，我无法让它以某种方式显示

网站链接：

---

移除溢出：从ul.dropdown隐藏，它将显示。只需在浏览器F12中使用“开发人员”面板，您就会发现类似的情况。

---

顺便说一下，internet上有几个现有的下拉菜单，您可以使用它们，只需将您的风格应用到其中，而不必处理类似的问题。

我喜欢使用这种方法：

<ul>
    <li>
        <a href=''>First</a>
        <ul>
            <li>
                <a href=''>Dropdown</a>
            </li>
        </ul>
    </li>
<ul>

---

请在此发布您的代码。欢迎使用SO！请将标题改写为一个更具体的/技术性的问题-这样，任何其他有相同问题的人在搜索时都会找到它-有无数的下拉设置，以及无数可能出错的内容谢谢：-。。紧张的一天。

ul{list-style-type:none;padding:0px;margin:0px;}
ul>li>ul{display:none;position:absolute;}
ul>li:hover>ul{display:block;}