Html CSS下拉菜单问题

我有一个CSS问题，在我的网站下拉菜单。网址是：

正如您看到的子类别（包和钱包、艺术品等）一样，下拉菜单对于第一行非常有效，但是对于第二行子类别（例如：书法），下拉菜单与子类别本身重叠。我不明白为什么会这样。有人能提出解决办法吗

这是我的CSS：

.nav-category {
position:relative;
z-index: 2;
float:left;
width:750px;
border:1px solid;
margin-left:0px;
margin-top:0px;
margin-bottom:40px;
}



.nav-category .Categorypanel
{
position:relative;
float:left;
width:auto;
height:auto;

}


.nav-category ul {

list-style:none;
font-family:"Century Gothic";
margin:0;
padding:0;
text-transform:uppercase;
font-weight:normal;

}

.nav-category ul li {
float:left;
margin-right:35px;}

.nav-category ul li a {
text-decoration:none;
color: #424242;
font-size:12px;}

.nav-category ul li a:hover {
color:#666;}

.nav-category ul li ul { display:none; top:20px; position:absolute; left:auto;}



.nav-category li ul li {
line-height:15px; margin-left:5px; padding:3px;} 

.nav-category ul li ul li a { font-size:11px;}

.nav-category ul li:hover ul, li.over ul { display:block;position:absolute; background:#FFF; border:1px solid #ebebeb; white-space:nowrap; margin-top:0px; margin-left:0; padding-left:0}

.nav-category ul li:hover li { float:none; letter-spacing:0px;margin:0px 0 0 0;}

---

我注意到的第一件事是，它们似乎设置了绝对定位，距离顶部20像素。绝对位置将根据其相对位置的容器（#ctl00_ContentPlaceHolder1_pnlcategray）确定，因此如果内容向下延伸到第二行（或第三行、第四行等），则下拉列表仍将显示在相同的垂直位置；相对于其父容器，而不是相应的“父”下拉菜单项。

谢谢。你是对的。但是，仅将定位设置为“相对”并不起作用。我还必须将利润率上限设置为20px。再次感谢。如果你觉得答案有效地解决了你的问题，别忘了接受；-）很高兴你解决了，纳希德。