Html 如何删除父菜单和子菜单之间的空格

在下面的下拉列表中，子菜单显示了大量的空间，请参见下表，请告诉我如何避免父菜单和子菜单之间的空间

 -----------------------------------------------------------
| PARENT1 |     
 -----------------------------------------------------------
  **SPACE IS HERE**

  --------
 |CHILD1  |     
  --------
 |CHILD2  |
  --------

我的CSS代码：-

#navMenu {
margin:0;
padding:0;
}

#navMenu {
margin:0;
padding:0;
}

#navMenu ul{
margin:0;
padding:0;
 line-height:30px;
 z-index:1;

}

#navMenu li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
 background:#8B0F2E;
    top: 51px;
    left: 10px;
}

#navMenu ul li a {
text-align:center;
font-family:"Comic Sans MS",cursive; 
text-decoration:none;
height:30px;
width:150px;
display:block;
color:#FFF;
border:0px solid #FFF;

}

#navMenu ul ul 
{
 position:absolute;
  visibility:hidden;
  top:32px;
}

#navMenu ul li:hover ul 
{
 visibility:visible;

}

#navMenu li:hover 
{
 background:#09F;   
}

#navMenu ul li:hover ul li a:hover 
{
 background:#CCC;
  color:#000;   
}

#navMenu a:hover
{
 color:#000;    
}

.clearFloat 
{
  clear:both;
   margin:0;
   padding:0;
}

---

你能分享htmlhard吗？如果没有标记，但乍一看，为什么相对李有左上角的位置？你可以从纠正它开始，因为你没有分享html代码，我想问题的原因是

中的
top:32px
。。。尝试更改为
top:100%。。。当然，也可以共享html。非常感谢您的回复。我的html代码：-

你能分享htmlhard吗？如果没有标记，但乍一看，为什么相对李有左上方的位置？你可以从纠正它开始，因为你没有分享html代码，我想问题的原因是
中的
top:32px
#navMenu ul
。。。尝试更改为
top:100%。。。当然，也可以共享html。非常感谢您的回复。我的html代码：-