在IE中，我的下拉菜单实际上是正确的。我怎样才能解决这个问题？

Question

我刚刚在我的网站上安装了下拉菜单：http://www.squeakybooks.com/在Mozilla上，他们像梦一样工作。我还没有机会检查safari或Chrome，但是在IE中，下拉菜单实际上落在了右侧。这是一个巨大的痛苦，因为当您尝试点击下拉菜单中的某些内容时，它会使下一个下拉菜单更加靠右。

但是，它在这个网站上工作：http://squeakytestblog.blogspot.com/即使我上传完全相同的.xml文件到两个。

下面是我使用的CSS：

#jsddm { 
width:960px; 
margin: 0; 
padding: 0px; 
z-index:1000000000; 
position:relative; 
left:5% 
} 

#jsddm li { 
float: left; 
list-style: none; 
font: 12px Tahoma, Arial; 
} 

#jsddm li a { 
display: block; 
white-space: nowrap; 
margin:0px 0px; 
border: 0px solid #AAAAAA; 
background: #; 
background: -webkit-gradient(linear, left top, left bottom, from(#), to(#)); 
background: -moz-linear-gradient(top, #, #); 
padding: 2px 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
text-shadow: #ffffff 0 0px 0; 
color: #363d1b; 
font-size: 15px; 
font-family: Helvetica, Arial, Sans-Serif; 
text-decoration: none; 
vertical-align: middle; 
text-style: center; 
} 

#jsddm li a:hover { 
background: #; 
} 

#jsddm li ul { 
margin: 0; 
padding: 0; 
position: absolute; 
visibility: hidden; 
border: 1px solid black; 
text-style: center; 
} 

#jsddm li ul li { 
float: none; 
display: inline; 
} 

#jsddm li ul li a { 
width: auto; 
background: #96CDCD; 
} 

#jsddm li ul li a:hover { 
background: #D3DC6E; 
} 

我跟着这个教程：allblogtools.com/tricks-and-hacks/add-beautiful-drop-down-menu-for-blogger/

请帮忙！

Answer 1

您的子菜单没有从何处加载的任何参考点，若要修复它，您可以将相应的列表菜单项定义为相对，并将子菜单绝对定位到菜单项徘徊的left。试试这个：

CSS

#jsddm li { 
    float: left; 
    font: 12px Tahoma,Arial; 
    list-style: none outside none; 
    position: relative; 
} 

#jsddm li ul { 
    border: 1px solid black; 
    left: 0; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 100%; 
    visibility: hidden; 
}