まず、非 IE での CSS がどのように定義されているかを確認します。 .menu ul li ul { display: none; } /* 非 IE に固有IE ブラウザ */ .menu ul li:hover a { color:#fff; background:#bd8d5e; } /*マウスオーバー スタイルの定義*/ .menu ul li:hover ul { display:block; position:absolute; top:3em; margin-top:1px; left:0; width :150px; }
非 IE では、マウスをロールオーバーすると、li に含まれる ul が表示されます。これは、これらのブラウザが li:hover の使用をサポートしているためです。
.menu ul li a:hover { color:#fff; background:#bd8d5e; } /*マウスをロールオーバーすると li に含まれる ul が表示されます*/ .menu ul li a:hover ul { display:block; position:absolute; top:3em; left:0; background:#fff; margin-top:0; marg\in-top:1px; }