Javascript IE7,8中的下拉菜单需要修复'

过去我在让IE玩得很好方面取得了很多成功，但我在这里遇到了麻烦。下拉菜单是可见的并且可以工作，但是它有一些边距/填充问题，无论我尝试使用什么样的条件语句或hack，它都不会变直

示例页面：

删除HTML链接以便我可以发布：

<div id="wrapper">
<div id="header">
    <ul id="nav">
    <dl class="dropdown">
      <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"></dt>
      <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </dd>
    </dl>
    <dl class="dropdown">
     <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"></dt>
      <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </dd>
   </dl>         
  </ul>
  </div>

---

我觉得加价太多了。尝试替换为，因为您没有使用包装任何内容，因此IE可能会遇到一些问题。

我正在包装-我只是排除了链接，因为我没有足够的影响力发布多个链接….：谢谢GaVra，完全帮助。IE仍然存在一些java问题，但方向正确。你能告诉我们你正在使用的JavaScript吗？或者，更确切地说，是网上某个地方的一个示例页面？愚蠢的我……www.erisdesigns.netow，那里有很多黑客……为什么要测试if-1！=navigator.userAgent.IndexofSie是否在条件注释中？如果这段代码在该块之外，并且有人在基于Opera和WebKit的浏览器中很容易伪造用户代理字符串，该怎么办？顺便说一句，你应该让你的电子邮件地址可点击；它已经存在于纯文本中，所以坏人可以很容易地将其删除。谢谢Marcel…我显然不是一个很好的编码员…所以，消除不必要的黑客可能会解决IE问题？IE 6中的一团乱麻-P

#nav {
    top:80px;
    width:65%;
    margin-left:600px;
    padding:0;
    background:#999;
    text-align:center;
    list-style:none;
    position:relative;
    z-index:3;
}

.dropdown {float:left; text-align:center; font-size:14px; padding-right:5px; color:#FFF;}
.dropdown dt {width:175px; padding:8px; font-weight:bold; cursor:pointer; background:transparent;}
.dropdown dt:hover {background:transparent; color:#000;}
.dropdown dd {position:absolute; width:175px; display:none; background:transparent; z-index:200; opacity:0;}
.dropdown ul {width:175px; margin-top:23px; list-style:none;}
.dropdown li {display:inline-block; margin-left:-108px; float:left; padding-left:35px; text-align:left;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:inline-block; padding:5px 0px 10px 15px; color:#CCC; text-decoration:none; background:#999; width:175px; float:left;}
.dropdown a:hover {background:#999; color:#000;}
.dropdown a.menu {background:transparent; width:200px; float:left; text-align:left; color:#FFF;}
.dropdown a.menu:hover {color:#000}