css - ie7 下拉菜单(列表)

Question

你好!IE7 中的下拉菜单显示不正确。当我将鼠标放在它上面时，它看起来像内嵌 block ，而且太靠右了。当我将鼠标放在 ul 中的第一个元素上时，第二个元素消失了。每个元素附近都有一个奇怪的 Angular ，这是我将鼠标放在上面后出现的那个菜单的 Angular 。

任何帮助或建议将不胜感激!

http://jsfiddle.net/an4Ng/

我的代码是:

nav ul {
padding:0;
margin-right:15%;
margin-left:15%;
float:left;
position:absolute;
}

nav ul li{
    float:left;
    position:relative;
overflow:hidden;
z-index:200!important;
padding:5px 35px;
margin-top:5px;
display:block;
}
nav ul li a{

text-decoration:none;
font-family: BebasNeueRegular, Arial,calibri;
font-size:x-large;
color:#eee;
}
nav ul li:hover{
    overflow:visible;
    position:static;
}

nav ul li ul{
    width: auto; height: auto;  
    display:block;
    position:absolute;
    border:3px solid gray;
background-color: black; 
}
nav ul li ul li a{
    text-decoration:none;
    font-size:large;
    margin-top:15px;

}

nav ul li ul li a:hover{
text-decoration:underline;
color:#caf9ff;
}

Answer 1

我只是把它放在一起，但怎么样？

http://jsfiddle.net/PgVQC/3/

显然我还没有在 IE7 中测试过它，但我倾向于这样做我的下拉菜单。

您可能需要加入一些 jquery 才能使菜单显示在 IE7 中，这是我几周前建立的网站的示例。

http://jsfiddle.net/9L4EC/2/