Question

css二级菜单问题

这是我写的css，实现的是当鼠标放在一级菜单的li上，一级菜单背景改变，二级菜单显示，有错，大家指导一下。
#nav{
line-height:28px;
list-style-type:none;
padding-top:190px;
margin-left:270px;
}

#nav li{
float:left;
width:80px;
line-height:28px;
text-align:center;

}

#nav li:hover{
background-color:#388EDB;
}

#nav li ul{
display:none;
position:absolute;
margin-top:23px;
width:80px;
list-style-type:none;
background-color:white;
margin-left:-80px;
}

#nav li ul li a{
color:black;

}

#nav ul li{
font-size:13px;
position:relative;
clear:both;
text-align:center;
}

#nav ul li:hover{
background-color:#FF6347;

}

#nav li a{
color:white;
text-decoration:none;
width:80px;
text-align:center;
}
#nav li:hover ul {display:block;position:absolute;}
#nav li.sfhover ul {display:block;color:red;}

Answer 1

测试有显示啊，有啥错?

<ul id="nav"><li>111<ul><li>23242</li></ul></li><li>2222<ul><li>223344</li></ul></li></ul>

<div style="width:500px;height:800px;background:#fff;border:1px solid red;"></div>

追问

ie8下不显示，chrome下是可以的

Answer 2

那就是浏览器兼容的问题了。你去找找