クロスブラウザのCSS水平ナビゲーション（ドロップダウンあり） - そんなことはありますか？

Question

私は水平ナビゲーションとそれぞれに1レベルのドロップダウンメニューを持つウェブサイトを作成しました。 IE7（ドロップダウンは機能しません）とIE6（それぞれ<li>と<a>は100％の体幅です）を除くすべてのブラウザで効果的です。私は、Web上で別の10のチュートリアルを見て、すべてのブラウザでそれぞれのチュートリアルをテストすることに嫌っています。私の現在のものをデバッグすることはおそらくもっと長くかかるでしょう。

誰かがすべてのブラウザで機能する具体的なソリューションを持っているのだろうかと思いましたか？それはそのような共通の設計要素です。 CSS、Javascript、ブラウザのハックなど、すべてのブラウザで一貫性のある使用可能なナビゲーションを提供しています。

tl; dr IE6とIE7で動作するドロップダウンメニュー付き水平ナビにはどのようなコードを使用しますか？

Answer 1

"Suckerfish Dropdowns"アドレッシング

は私の心の中にバネものです。 http://www.htmldog.com/articles/suckerfish/dropdowns/

注それはIE6で動作させるために必要なJavaScriptコードが含まれていること：

ここで更新されたバージョンです。

Answer 2

ほぼすべてのデザインで、私は汚れたブラウザIE6、IE7、IE8にconditional stylesを追加する必要がありました。そしてあなたと共有するために、IE9はCSS3 Transitionsをサポートしていないので、それは良くありません。とにかく、私は強く、必要な場合は、次の原因で、でもconditional scripts IEのために、すべての包括的なソリューションを検索を停止し、条件付きスタイルを作成しようとすることを示唆している：

1. 我々の開発者はほとんど常にそれとしてIEをサポートする必要がありますかなりbrowser market shareです。
2. IEには多くの人がknown problemsを持っていますが、これは決してマイクロソフトによって解決されるものではありません。個別のパッケージにIEや他のブラウザに対処しようとするよりも、より少ないコストをすることが知られているIE（体験）