Html 悬停上的导航栏-CSS

我有这个代码，但它不工作。 当我将鼠标悬停在主菜单上时，子菜单不显示。 颜色变化似乎起作用，但第二个列表在鼠标悬停时未显示在主菜单下。 我找不到问题。。。 请帮忙

测试
#导航栏{
位置：相对位置；
填充：0；
保证金：0；
高度：30px；
宽度：90%；
}
#导航栏{
位置：绝对位置；
保证金：0；
填充：0；
身高：100%；
宽度：100%；
列表样式类型：无；
背景色：#eeeeee；
溢出：可见；
}
#导航栏ul>li{
显示：块；
浮动：左；
高度：自动；
宽度：130px；
}
#导航栏li>a{
显示：块；
身高：100%；
填充：0 10px；
宽度：115px；
右边框：1px黑色实心；
字号：17px；
字体系列：无衬线；
背景色：#eeeeee；
颜色：#5d5636；
线高：30px；
文字装饰：无；
}
#导航栏{
边缘顶部：2倍；
显示：无；
宽度：160px；
高度：自动；
背景色：#dddddd；
位置：静态；
边框：1px#666666实心；
}
#导航栏{
位置：相对位置；
浮动：无；
显示：块；
高度：28px；
宽度：100%；
边界：无；
}
#导航栏ul li>a{
身高：100%；
宽度：96%；
填充：04%；
线高：28px；
背景色：透明；
边界：无；
颜色：#000000；
字体大小12px；
字体风格：普通；
}
#导航栏li：悬停>a{
颜色：#220000；
背景色：#eeeabe；
}
#导航栏li:悬停>ul{
显示：块；
}
纳戈韦克

您将

li

的结束标记放错了位置

测试
#导航栏{
位置：相对位置；
填充：0；
保证金：0；
高度：30px；
宽度：90%；
}
#导航栏{
位置：绝对位置；
保证金：0；
填充：0；
身高：100%；
宽度：100%；
列表样式类型：无；
背景色：#eeeeee；
溢出：可见；
}
#导航栏ul>li{
显示：块；
浮动：左；
高度：自动；
宽度：130px；
}
#导航栏li>a{
显示：块；
身高：100%；
填充：0 10px；
宽度：115px；
右边框：1px黑色实心；
字号：17px；
字体系列：无衬线；
背景色：#eeeeee；
颜色：#5d5636；
线高：30px；
文字装饰：无；
}
#导航栏{
边缘顶部：2倍；
显示：无；
宽度：160px；
高度：自动；
背景色：#dddddd；
边框：1px#666666实心；
}
#导航栏{
位置：相对位置；
浮动：无；
显示：块；
高度：28px；
宽度：100%；
边界：无；
}
#导航栏ul li>a{
身高：100%；
宽度：96%；
填充：04%；
线高：28px；
背景色：透明；
边界：无；
颜色：#000000；
字体大小12px；
字体风格：普通；
}
#导航栏li：悬停>a{
颜色：#220000；
背景色：#eeeabe；
}
#导航栏li:悬停>ul{
显示：块；
}
纳戈韦克

Christ。。。非常感谢@LGSon