Css ：使用下拉导航上的显示：表格单元格时，悬停不起作用

我不明白为什么我的：hover无法更改li颜色和背景色。 我想在我把“显示：表格单元格”和“垂直对齐：中间”放进去之前，它就起作用了

任何帮助都将不胜感激

HTML:

我的CSS：

#菜单{
背景：#03C；
高度：50px；
宽度：923px；}
#菜单ul{
显示：表格；
边距：0；填充：0；}
#菜单ul a{
文本装饰：无；}
#菜单ulli{
文本对齐：居中；
列表样式：无；
浮动：左；}
#菜单ulli a{
显示：表格单元格；
垂直对齐：中间对齐；
颜色：#fff；
宽度：120px；
高度：49px；}
#菜单ul-li{
浮动：无；
显示：无；
边框底部：1px实心#ccc；
左边框：1px实心#ccc；
右边框：1px实心#ccc；}
#菜单ul li a{
背景#3CB6E8；
颜色：#333；
边框：无；}
#菜单a：悬停{
颜色：#ccc；
背景：#1F9BD8；}
#菜单：悬停，
#菜单ul li：悬停ul li{
显示：阻止！重要；}

li没有悬停状态。
目标是使具有子菜单的li具有悬停状态，对吗

#菜单li：悬停，
#菜单a：悬停{
颜色：#ccc；
背景#1F9BD8；
}

显示的意义是什么：阻塞！最后重要吗？这显然是导致它的原因，但为什么你有它？@zenith:激活submenu@OneTrickPony我的意思是包括

#菜单ul li a:hover

一点-是的，那没有意义。也许OP认为它会增加与IE 7的兼容性？：）@Zenith啊谢谢你指出这一点！我从一个模板中得到了一部分，因为这是我第一次尝试子菜单。它现在可以工作了#菜单ul li:hover ul li{display:block！important；}==>如果你把

a

选择器拿出来，它在悬停时不会移动。。。