需要在页面底部增加鼠标移上之后显示的二级向上下拉菜单，我的css代码为：
#foot{clear:both;
position:fixed; /*相对浏览器窗口定位*/
height:90px;
width:1000px;
bottom:0px;
padding:0;
background:#E6E6E6;
z-index:998;
overflow:hidden;}
#foot ul{
margin:0 auto;
width:100%;
list-style-type : none;}
#foot ul li{
float:left;
text-align:center;
}
#foot ul li a{
display:inline-block;
color:black;
text-decoration:none;}
#foot ul li ul { position:absolute; top:-246px; display:none;}
#foot ul li ul li { float:none;}
#foot ul li ul li a {
display:block;
background:#f5f5f5;
padding-left:12px; padding-right:12px;
border:2px solid #ccc; border-top:none;
line-height:50px;
font-size:26px; font-family:"微软雅黑", sans-serif; }
#foot ul li:hover ul{ display:block; }
然后#foot ul li ul 中的display:none不起作用，页面中的二级下拉菜单会直接显示。
请教代码中是哪个部分出错了？