ドロップダウンメニューがIEで正しく機能していない - 右から右に撮影する

Question

私は立ち往生しています。以前はメニューをドロップダウンしたことはありませんでしたが、私が作業しているサイトを試してみたかったので、他の人のjavaとcssコードをインポートしてFirefoxで正常に動作させました。問題は、ドロップダウンメニューがIEの右側に表示されていることです。

私はIEのためだけに別のスタイルシートを作成しましたが、これを修正するために何を置くべきか分かりませんでした。 http://www.erricksonequipment.com

それがオンラインの例から輸入されたように、そのスタイルシート内の余分なナンセンスの多くがあります：

はここでサイトです。それは、正しく読めることを妨げている問題がそこにあるかもしれない、と言われましたか？私は確信していない..私はこのjava/CSSのドロップダウンメニューのものに新しいです！ :)

ご迷惑をおかけして申し訳ございません。

Answer 1

測定単位に「em」を使用する場合は注意してください。 1 'em'のサイズは、ブラウザ（またはCSSを定義した場合はCSS）で設定されているデフォルトのフォントサイズに相対的です。デフォルトでは、これらのフォントサイズはFirefoxとInternet Explorerで異なります。私の代わりにピクセルを使用することをお勧めしますが、あなたは「日」を使用して上に設定している場合は、単にような何か実行して、あなたのCSSに新しいデフォルトのフォントサイズを追加してくださいしたい：標準化することで

html { font-size: 16px; }

をブラウザ全体でデフォルトのフォントサイズを使用すると、FirefoxやInternet Explorerに違いは見られません。

Answer 2

ドロップダウンメニューで使用しているスクリプトは、であまり良くありませんです。また、JSなしでCSSだけを使ってドロップダウンメニュー全体を作成することも可能です。

現在の状態のドロップダウンメニューは、IE7またはIE8では機能しません。 "あなたの問題を修正する" の精神で

：

あなたはここからdropdownMenuKeyboard.jsでライン203を変更する場合には、IE8（およびFirefoxなど）で動作します。これに

 ? (isie ? li.offsetLeft + 'px' : 'auto') 

：

 ? 'auto' 

ただし、ドロップダウンメニューのコードをもっとモダンなものに置き換えることをおすすめします。