IEのドロップダウン（Superfish）メニューワークは、FF/Chromeで壊れていますか？

Question

ウェブサイト：http://soizimage.com/mrmstory.html

いくつかの奇妙な理由で、FirefoxとChromeでは壊れていますが、IEでは完全に機能します。

サブメニュー<ul>またはそれ以外のものはわかりません。

助けていただきありがとうございます！

Answer 1

<ul>は現在<li>の外に座っています。

<ul> 
<li>Link</li> 
    <ul><li>Child Link</li></ul> *Dropdown* 

それは次のようになります。

<ul> 
<li>Link 
    <ul><li>Child Link</li></ul> *Dropdown* 
</li> 

Answer 2

問題はIEです。あなたが望むものを示すかもしれないが、より現代的なブラウザは、あなたが書いたものを示す。

doctypeの前に「stuff」があります。 doctypeの前に何かを置くと、IEを 'quirksモード'にします。すべてを取り除き、それが所属する頭や体に入れます。

具体的には、スクリプトの内容は、（おそらく）頭の中でアンカーの間に移動する必要があります、私は正確にどこに、しかし、それは体の中に行く必要があります。

他にも誰もが挙げたことを挙げてください。あなたは正しく「赤い糸」メニュー項目の下にサブメニュー<ul>を入れ子にしていない

Answer 3

：

<li class="newwork"><a href="newwork.html"><span>New Series</span></a></li> //li item closes here 
<ul> 
    <li><a href="new-gallery.html">SERIES 1</a></li> 
    <li><a href="new-gallery2.html">SERIES 2</a></li> 

     <!-- 
    <li><a href="newworkseries3-gallery.html">SERIES 3</a></li>  
    <li><a href="newworkseries4-gallery.html">SERIES 4</a></li> 
     -->                  
</ul> 

は、あなたのメニュー項目内でそのサブメニューを含めると、それはそうのように、正常に動作する必要があります：

<li class="newwork"><a href="newwork.html"><span>New Series</span></a> 
    <ul> 
     <li><a href="new-gallery.html">SERIES 1</a></li> 
     <li><a href="new-gallery2.html">SERIES 2</a></li> 

      <!-- 
     <li><a href="newworkseries3-gallery.html">SERIES 3</a></li>  
     <li><a href="newworkseries4-gallery.html">SERIES 4</a></li> 
      -->                  
    </ul> 
</li>