CSS下拉菜单：z索引问题

我的CSS下拉菜单有两个问题：

1） 过渡：当鼠标切换到菜单以打开菜单时，希望该菜单向下滑动。先前打开的菜单应向上滑动以关闭

#nav ul li ul
{
    -webkit-transition:height .5s ease-in;
    -moz-transition:height .5s ease-in;
    -o-transition:height .5s ease-in;
    -ms-transition:height .5s ease-in;
    transition:height .5s ease-in;
}

这似乎不起作用；可能是在错误的“ul-li”选择器下，尽管我尝试了其他选择

2） 将父项（“Menu1”、“Menu2”）置于菜单项列表的顶部，使其覆盖第一个子项的上边框。也就是说，“Menu1”和“Item1”之间不应该有边界，因为“Menu1”没有底部边界，但看起来像是底部边界，因为“Item1”位于顶部

尝试使用

z-index

，但无法使其正常工作。这两种情况都没有改变

我意识到菜单有点复杂，可能包含的CSS比需要的多。

怎么样

#导航ul{
填充：0；
保证金：0；
列表样式：无；
}
#李国荣{
显示：内联块；
边框：1px实心#FFF；
边界底部：0；
边界半径：5px；
利润率：0.15px；
位置：相对位置；
-webkit过渡：边框颜色0.2s易用；
-moz过渡：边框颜色0.2s易用；
-o型过渡：边框颜色0.2s缓进；
-ms过渡：边框颜色0.2s缓进；
过渡：边框颜色0.2s缓进；
}
#海军ulli a{
颜色：#8799B3；
显示：块；
填充：10px 6px；
边界：0；
-webkit过渡：颜色0.2s易用；
-moz过渡：颜色0.2s缓进；
-o型过渡：颜色0.2s缓进；
-ms过渡：颜色0.2s缓进；
过渡：颜色0.2s缓进；
}
#nav ul li:悬停{
颜色：#415161；
边框颜色：#E9E9E9；
}
#导航ulli a：悬停{
颜色：#415161；
}
#nav ul li ul{
不透明度：0；
可见性：隐藏；
文字装饰：无；
线高：1；
颜色：#8799B3；
背景：#FFF；
位置：绝对位置；
顶部：计算值（100%-5px）；
左：-1px；
z指数：1000；
宽度：165px；
边界：0；
}
#导航ulli：悬停ul{
不透明度：1；
能见度：可见；
}
#李国荣{
边界：0；
显示：块；
字体大小：14px；
保证金：0；
-webkit过渡：背景0.2秒易用性；
-moz过渡：背景0.2s缓进；
-o型过渡：背景0.2s缓进；
-ms转换：背景0.2s缓进；
过渡：背景0.2s缓进；
}
#导航ulli：悬停{
边界：无；
颜色：#415161；
背景#F7F9FB；
}
#纳瓦尔利利亚酒店{
填充：10px；
边界：无；
颜色：#8799B3；
左边框：1px实心#E9E9E9；
右边框：1px实心#E9E9E9；
边框底部：1px实心#E9E9E9；
}
#nav ul li：第一个孩子a{
边框顶部：1px实心#E9E9E9；
边界半径：0 5px 0 0；
}
#最后一个孩子{
边框底部：1px实心#E9E9E9；
边界半径：0 0 5px 5px；
}
#nav ul li ul{
-webkit过渡：不透明度0.2秒，易于调节；
-moz过渡：不透明度0.2s缓进；
-o型过渡：不透明度0.2s，易于调节；
-ms转换：不透明度0.2s缓进；
过渡：不透明度0.2s缓进；
}

怎么样

#导航ul{
填充：0；
保证金：0；
列表样式：无；
}
#李国荣{
显示：内联块；
边框：1px实心#FFF；
边界底部：0；
边界半径：5px；
利润率：0.15px；
位置：相对位置；
-webkit过渡：边框颜色0.2s易用；
-moz过渡：边框颜色0.2s易用；
-o型过渡：边框颜色0.2s缓进；
-ms过渡：边框颜色0.2s缓进；
过渡：边框颜色0.2s缓进；
}
#海军ulli a{
颜色：#8799B3；
显示：块；
填充：10px 6px；
边界：0；
-webkit过渡：颜色0.2s易用；
-moz过渡：颜色0.2s缓进；
-o型过渡：颜色0.2s缓进；
-ms过渡：颜色0.2s缓进；
过渡：颜色0.2s缓进；
}
#nav ul li:悬停{
颜色：#415161；
边框颜色：#E9E9E9；
}
#导航ulli a：悬停{
颜色：#415161；
}
#nav ul li ul{
不透明度：0；
可见性：隐藏；
文字装饰：无；
线高：1；
颜色：#8799B3；
背景：#FFF；
位置：绝对位置；
顶部：计算值（100%-5px）；
左：-1px；
z指数：1000；
宽度：165px；
边界：0；
}
#导航ulli：悬停ul{
不透明度：1；
能见度：可见；
}
#李国荣{
边界：0；
显示：块；
字体大小：14px；
保证金：0；
-webkit过渡：背景0.2秒易用性；
-moz过渡：背景0.2s缓进；
-o型过渡：背景0.2s缓进；
-ms转换：背景0.2s缓进；
过渡：背景0.2s缓进；
}
#导航ulli：悬停{
边界：无；
颜色：#415161；
背景#F7F9FB；
}
#纳瓦尔利利亚酒店{
填充：10px；
边界：无；
颜色：#8799B3；
左边框：1px实心#E9E9E9；
右边框：1px实心#E9E9E9；
边框底部：1px实心#E9E9E9；
}
#nav ul li：第一个孩子a{
边框顶部：1px实心#E9E9E9；
边界半径：0 5px 0 0；
}
#最后一个孩子{
边框底部：1px实心#E9E9E9；
边界半径：0 0 5px 5px；
}
#nav ul li ul{
-webkit过渡：不透明度0.2秒，易于调节；
-moz过渡：不透明度0.2s缓进；
-o型过渡：不透明度0.2s，易于调节；
-ms转换：不透明度0.2s缓进；
过渡：不透明度0.2s缓进；
}