Jquery 使用css将元素层叠在一起

我一直在玩这个滑动下拉jquery菜单。我将下拉区域向上移动了一点，留有一个负边距。我希望有一种方法可以将下拉列表分层到父元素的顶部，父元素是操作的触发器。我尝试了z-index，但没有成功。有人知道我做错了什么吗

这里是现场直播：

滑动菜单教程| HV-DESIGNS.CO.UK










身体{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：12px；
背景色：#333333；
}
#容器{
保证金：自动；
宽度：490px；
}
#标题{
背景图片：url（images/header.png）；
背景重复：无重复；
高度：42px；
宽度：490px；
边缘底部：20px；
}
#钮扣{
高度：32px；
宽度：184px；
保证金：自动；
}
李先生{
保证金：0；
填充：0；
列表样式：无；
}
.菜单课{
边框：1px实心#1c1c；
}
#触发{
z指数：-1；
}
.菜单{
显示：无；
宽度：300px；
边框：1px实心#1c1c；
利润率：-50px 0 50px；
z指数：100；
}
.李先生{
背景色：#302f2f；
}
.菜单李a{
颜色：#FFFFFF；
文字装饰：无；
填充：10px；
显示：块；
}
.菜单a:悬停{
填充：10px；
字体大小：粗体；
颜色：#F00880；
}

为了使

z-index

能够在您必须使用的元素上工作。

尝试将菜单的

位置设置为
相对
，z-index不会在定位为
静态
的元素上工作，默认情况下，这些元素都是静态的。
您需要为相关元素设置CSS属性。为“父”元素设置
位置：相对
。然后将
位置：绝对
应用于“子”元素

这使得子元素相对于父元素“绝对”定位。然后使用CSS定位子对象。例如

left: 0;
top: 0;

它将匹配父元素和子元素的左上角

left: 0;
top: 0;