Html 下拉子菜单不工作

我在wordpress的网站上工作，添加了带有子菜单的菜单，并添加了以下css

#导航{
浮动：左；
宽度：425px；
利润率：0.45px；
-webkit转换：所有0都可以轻松完成；
-moz转换：所有0都将释放；
-o-过渡：所有0都将释放；
过渡期：所有0都放松；
}
#导航ul{
浮动：左；
保证金：0；
填充：0；
列表样式：无；
-webkit转换：所有0都可以轻松完成；
-moz转换：所有0都将释放；
-o-过渡：所有0都将释放；
过渡期：所有0都放松；
}
#导航ulli{
浮动：左；
位置：相对位置；
高度：80px；
利润率：0 10px 0 10px；
填充：0；
字体大小：12px；
文本转换：大写；
颜色：#838383；
线高：80px；
字体系列：“proxima nova”；
字母间距：0.33em；
-webkit转换：所有0都可以轻松完成；
-moz转换：所有0都将释放；
-o-过渡：所有0都将释放；
过渡期：所有0都放松；
字体大小：400；
}
#导航ulli a{
颜色：#838383；
文字装饰：无；
-webkit转换：所有0都可以轻松完成；
-moz转换：所有0都将释放；
-o-过渡：所有0都将释放；
过渡期：所有0都放松；
}
#导航ulli a:hover{color:#000；文本装饰：无；}
#导航{
/*显示：无*/
浮动：自动；
位置：绝对位置；
左：50%；
宽度：190px；
左边距：-95px；
z指数：99999；
-webkit盒阴影：0px 5px 10px 1px rgba（0,0,0.2）；
盒影：0px 5px 10px 1px rgba（0,0,0,0.2）；
}
#导航ulli ulli{
浮动：左；
宽度：继承；
背景色：#fff；
文本对齐：居中；
边框底部：1px实心#eaeaea；
保证金：0；
高度：自动！重要；
线高：1.6！重要；
}
#导航ulli ulli a{
显示：块；
填充：10px0；
}
#导航ul li a:悬停{color:#fff；背景色：#e7e7e7；}

像这样更新您的类

 #navigation ul li ul {
 display: none;
 float: auto;
 position: absolute;
 left: 50%;
 width: 190px;
 margin-left: -95px;
 z-index: 99999;
 -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
 box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
 }

再添加一个类，如下所示

 #navigation ul li:hover ul{display:block;}