title: nivo slider and drop down menu doesnt work in IE
body: <p>Does anyone has any idea why drop down menu in IE disappear under nivo slider? tried to play with z-index, didn't help, i also know that drop down menus dissappear under flash content, but this is not the case(wmode=transparent) as far as i know the nivo slider uses just jquery, no flash.</p>
  
  <p>here is the html:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr height="50"&gt;&lt;td colspan="2" align="right" class="bottom_menu"&gt;
  &lt;ul id="nav" class="dropdown dropdown-horizontal" &gt;
                                               &lt;li&gt;&lt;a href="/index.cfm?fuseaction=home.logout" class="dir" style="border:0 !important;" &gt;Çikis&lt;/a&gt;&lt;/li&gt;   
                                               &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.list_basket" class="dir"&gt;Sepetim&lt;/a&gt;&lt;/li&gt;
                                               &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.me" class="dir"&gt;Sirketim&lt;/a&gt;
                                                  &lt;ul&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.list_opportunities"&gt;Firsatlar&lt;/a&gt;&lt;/li&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.form_add_partner"&gt;Sirkete Kullanici Ekle&lt;/a&gt;&lt;/li&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.form_upd_my_company"&gt;Kullanici Yönetimi&lt;/a&gt;&lt;/li&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.list_analyses"&gt;Analizler&lt;/a&gt;&lt;/li&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.list_extre"&gt;Hesap Ekstresi&lt;/a&gt;&lt;/li&gt;
                                                   &lt;li&gt;&lt;a href="/index.cfm?fuseaction=objects2.popup_add_online_pos" target="_blank"&gt;Sanal Pos&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                               &lt;/li&gt;
                                              &lt;/ul&gt;
                                          &lt;/td&gt;&lt;/tr&gt;
                                      &lt;/table&gt;
  
  &lt;div id="banner"&gt;
      &lt;img src="/documents/templates/projedepo/l_top.gif" style="z-index:1;position:absolute; left:0; top:0;" width="24px" height="24px" border="0" /&gt;
      &lt;img src="/documents/templates/projedepo/r_top.gif" style="z-index:1;position:absolute; right:0; top:0;" width="24px" height="24px" border="0" /&gt;
      &lt;img src="/documents/templates/projedepo/l_bottom.gif" style="z-index:1;position:absolute; left:0; bottom:0;" width="24px" height="24px" border="0" /&gt;
      &lt;img src="/documents/templates/projedepo/r_bottom.gif" style="z-index:1;position:absolute; right:0; bottom:0;" width="24px" height="24px" border="0" /&gt;
  
      &lt;div class="banner_img"&gt;
      &lt;link rel="stylesheet" href="/documents/templates/projedepo/banner/nivo-slider.css" type="text/css" media="screen" /&gt;
      &lt;link rel="stylesheet" href="/documents/templates/projedepo/banner/style.css" type="text/css" media="screen" /&gt;
  
      &lt;div id="slider" class="nivoSlider"&gt;
          &lt;img title="#1" src="/documents/templates/projedepo/banner/canon.jpg" alt="" /&gt;
          &lt;img title="#2" src="/documents/templates/projedepo/banner/indigovision.jpg" alt="" /&gt;
      &lt;/div&gt;
      &lt;div id="1" class="nivo-html-caption"&gt;
          &lt;a href="/index.cfm?fuseaction=objects2.detail_product&amp;product_id=612&amp;stock_id=612"&gt;&lt;img src="/documents/templates/projedepo/banner/daha_fazlasi.jpg" border="0" /&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="2" class="nivo-html-caption"&gt;
          &lt;a href="/index.cfm?fuseaction=objects2.detail_product&amp;product_id=630&amp;stock_id=630"&gt;&lt;img src="/documents/templates/projedepo/banner/daha_fazlasi.jpg" border="0" /&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript" src="/JS/jquery.nivo.slider.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(window).load(function() {
          $('#slider').nivoSlider({
          effect:'random', //Specify sets like: 'fold,fade,sliceDown'
          slices:15,
          animSpeed:1000, //Slide transition speed
          pauseTime:10000,
          startSlide:0, //Set starting Slide (0 index)
          directionNav:true, //Next &amp; Prev
          directionNavHide:true, //Only show on hover
          controlNav:true, //1,2,3...
          controlNavThumbs:false, //Use thumbnails for Control Nav
          controlNavThumbsFromRel:false, //Use image rel for thumbs
          controlNavThumbsSearch: '.jpg', //Replace this with...
          controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
          keyboardNav:true, //Use left &amp; right arrows
          pauseOnHover:true, //Stop animation while hovering
          manualAdvance:false, //Force manual transitions
          captionOpacity:1.0, //Universal caption opacity
          beforeChange: function(){},
          afterChange: function(){},
          slideshowEnd: function(){}, //Triggers after all slides have been shown
          lastSlide: function(){}, //Triggers when last slide is shown
          afterLoad: function(){} //Triggers when slider has loaded
          });
      });
      &lt;/script&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is css for dropdown menu:</p>
  
  <p><a href="http://www.micae.com/documents/templates/projedepo/default.css" rel="nofollow">http://www.micae.com/documents/templates/projedepo/default.css</a></p>
  
  <p><a href="http://www.micae.com/documents/templates/projedepo/default.advanced.css" rel="nofollow">http://www.micae.com/documents/templates/projedepo/default.advanced.css</a></p>
  
  <p><a href="http://www.micae.com/documents/templates/projedepo/dropdown.css" rel="nofollow">http://www.micae.com/documents/templates/projedepo/dropdown.css</a></p>
  
  <p>and for nivo slider:</p>
  
  <p><a href="http://www.micae.com/documents/templates/projedepo/banner/style.css" rel="nofollow">http://www.micae.com/documents/templates/projedepo/banner/style.css</a></p>
  
  <p><a href="http://www.micae.com/documents/templates/projedepo/banner/nivo-slider.css" rel="nofollow">http://www.micae.com/documents/templates/projedepo/banner/nivo-slider.css</a></p>
  
  <p>and for banner divs:</p>
  
  <pre><code>#banner { position:relative; width:980px; height:435px; background:#fff; margin-bottom:20px; margin-top:-1px; color:#000; z-index:60; }
  .banner_img { padding:8px;position:absolute;z-index:2; }
  </code></pre>
  
  <p>and the javascript by default, jquery and nivo slider</p>
  
  <p><a href="http://www.micae.com/JS/jquery.nivo.slider.pack.js" rel="nofollow">http://www.micae.com/JS/jquery.nivo.slider.pack.js</a></p>
  
  <p>I forgot to mantion, that there is no doctype defined, that's was actually the problem, any ideas how to solve it? i mean without doctype definition. coz when i define the doctype, the design totally crashes...</p>