Html 下拉菜单以零边距消失

我知道这个问题已经被问了好几次了，但我正在研究Wordpress主题，我的子菜单的样式正是我想要的。然而，它们在悬停时消失了。我已经设置了我所有的保证金上限为零，如前所述堆栈，但他们仍然不能正常工作

此顶部导航的我的CSS如下所示：

.top-nav {
background-color: #444;
min-height: 40px;
}

.top-nav ul {
margin-bottom: 0;
}

.top-nav li {
margin: 0 20px 0 0;
padding: 0;
float: left;
display: inline-block;
position: relative;
}

.top-nav li a {
color: #aaa;
font-size: 12px;
line-height: 40px;
}

.top-nav li a:hover, .top-nav li.current-menu-item a {
color: #fff; 
background-color: #444;
}

.top-nav ul li ul.sub-menu {
display: none; 
margin-top:0px;}

.top-nav ul li:hover > .sub-menu { 
display: block; 
position: absolute; 
height: 0px; 
margin-top:-5px; 
overflow: visible; 
margin-left:0px;}

.top-nav li.menu-item ul li { 
display: block; 
position:relative; 
width: 100%; 
float: left; 
margin:0px; 
padding:5px 0 5px 10px; 
background-color:#444!important;
border-bottom: 1px solid #faf3bf;}

.top-nav ul li.menu-item ul li a {
width: inherit; 
padding: 0;}

任何帮助都将不胜感激。

必须补充：

z指数：1；至。顶部导航li。菜单项ul li

---

标题的H3覆盖了下拉列表。

从背景色中删除一个：444；在.top nav li a中：悬停，.top nav li.current-菜单项a{您是否尝试过@Petey？？？将其从我的代码中删除，但仍然存在相同的问题。不过，感谢您的提醒！我们确实需要实时查看此问题。您能否制作一个JSFIDLE示例。您应该在子菜单中添加位置值，尽管顶部：100%，左侧：0，那么您可能会丢失奇数页边距。Paulie，这里是指向该站点的链接：。下拉列表可以在“艺术家”下看到。