嵌套的div內容是不可點擊在ie

Question

所以我有一個'meganav'在我的網站，基本上是一個地區的側面導航，這是左浮動，佔用了網站的第三，然後一旦父錨是點擊後，它會打開它的子​​div，帶有一個'meganav-div'類，該類向右打開並佔用其上的任何區域上方的2/3包裝區域。

目前，我已經在所有瀏覽器中工作，除了ie6和ie7，你可以打開第一個項目（div＃one），然後點擊一切就好了，但是，下面的任何東西（div＃two，div ＃三等）不工作，這些div內的任何鏈接都不可點擊。我在每個div中都有一個關閉按鈕，可以在所有瀏覽器上使用，但不能在ie6和7上使用。遊標甚至會更改爲所有錨點上的指針，但不會單擊。我認爲這與z-index有關，因爲第一個工作正常，然後不是進一步下載到nav列表中，但是我爲所有.meganav-div添加了相同的z-index，並且仍然沒有任何快樂。

請找到下面的代碼。任何幫助將非常感激。謝謝。請找一個鏈接的jsfiddle：http://jsfiddle.net/tomiswoot/vqJnY/1/

 <section id="herocontainer"> 
      <div class="hero-white"> 

       <aside> 
        <ul id="mainnav"> 
          <a href="#">Nav item 1</a> 
          <!--===MEGANAV one====-----> 
           <div id="one" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 2</a> 
          <!--===MEGANAV two====-----> 
           <div id="two" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 3</a> 
          <!--===MEGANAV three====-----> 
           <div id="three" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 4</a> 
          <!--===MEGANAV four====-----> 
           <div id="four" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 5</a> 
          <!--===MEGANAV five====-----> 
           <div id="five" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
        </ul> 
       </aside> 

      </div> 
     </section> 

Answer 1

它的事實，你有相同的id = close1多個關閉按鈕造成的 - 這使得你的HTML無效。我把它改成類= close1，現在它似乎是工作（我也改變定位位爲更簡單的測試）

http://jsfiddle.net/vqJnY/7/