title: Superfish dropdown menu not showing up in IE6
body: <p>Just got into this problem with jQuery superfish menu - the dropdown menu is not showing up at all in IE6.</p>
  
  <p>From my understanding IE6 has a problem with z-index and probably my menu is hidden under the <code>.middle</code> div.</p>
  
  <p>Tried out the solutions suggested by this guy:</p>
  
  <blockquote>
    <p><a href="http://nhaskins.com/post/ie-js-menus-hide-behind-jquery-slide-show/" rel="nofollow noreferrer">http://nhaskins.com/post/ie-js-menus-hide-behind-jquery-slide-show/</a></p>
  </blockquote>
  
  <p>None is working.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="menu span-24"&gt;
    &lt;ul class="mainNav span-24"&gt;
      &lt;li class="current"&gt; &lt;a href="#a"&gt;HOME&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt; &lt;a href="#aa"&gt;this is a long menu item line!&lt;/a&gt; &lt;/li&gt;
          &lt;li class="current"&gt; &lt;a href="#ab"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li class="current"&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#aba"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#abb"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#abc"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#abd"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt; &lt;a href="#"&gt;ABOUT&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt; &lt;a href="#"&gt;PORTFOLIO&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;short&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;short&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;short&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;short&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;short&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a href="#"&gt;menu item&lt;/a&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt; &lt;a href="#"&gt;BLOG&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="middle span-24"&gt;
    &lt;div class="content span-16"&gt;&lt;/div&gt;&lt;/div&gt;
       ...
  </code></pre>
  
  <p>Can anyone help?</p>