Internet explorer 6 Superfish下拉菜单未显示在IE6中

jQuery superfish菜单遇到了这个问题——IE6中根本没有显示下拉菜单

据我所知，IE6的z-index有问题，我的菜单可能隐藏在

.middle

div下

尝试了这个家伙提出的解决方案：

没有人在工作

我的代码：

<div class="menu span-24">
  <ul class="mainNav span-24">
    <li class="current"> <a href="#a">HOME</a>
      <ul>
        <li> <a href="#aa">this is a long menu item line!</a> </li>
        <li class="current"> <a href="#ab">menu item</a>
          <ul>
            <li class="current"><a href="#">menu item</a></li>
            <li><a href="#aba">menu item</a></li>
            <li><a href="#abb">menu item</a></li>
            <li><a href="#abc">menu item</a></li>
            <li><a href="#abd">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li> <a href="#">ABOUT</a> </li>
    <li> <a href="#">PORTFOLIO</a>
      <ul>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
            <li><a href="#">short</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
        <li> <a href="#">menu item</a>
          <ul>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li> <a href="#">BLOG</a> </li>
    <li><a href="#">CONTACT</a></li>
  </ul>
</div>
<div class="middle span-24">
  <div class="content span-16"></div></div>
     ...

...

---

有人能帮忙吗？

我已经找到了解决办法。我只是将脚本从页面底部移动到页眉

---

我不明白为什么人们建议把js文件放在页面底部，因为它不是这样工作的。

你能提供你在这个HTML中使用的CSS和脚本吗？另外，你有没有尝试过这些解决方案-