Le menu déroulant de Superfish ne s'affiche pas dans IE6

Question

Vous venez d'entrer dans ce problème avec le menu jQuery superfish - le menu déroulant n'apparaît pas du tout dans IE6. D'après ma compréhension IE6 a un problème avec z-index et probablement mon menu est caché sous le div .middle.

Nous avons essayé les solutions proposées par ce type:

http://nhaskins.com/post/ie-js-menus-hide-behind-jquery-slide-show/

Aucun travaille.

Mon code:

<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> 
    ... 

Quelqu'un peut-il aider?

Answer 1

J'ai atteint une solution. Je viens de déplacer les scripts du bas de la page vers l'en-tête.

Je ne comprends pas pourquoi les gens recommandent de mettre les fichiers js au bas de la page car cela ne fonctionne pas de cette façon.