JavaScript で作成したドロップダウン メニューが IE でうまく表示されません。 ！ ！ _html/css_WEB-ITnose

<div id="navigation">      <ul>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>      </ul>    </div>

これは CSS スタイル シートです:

#navigation{width:1000px;height:30px;margin:0px;padding:0px;background-color:yellow;z-index:100;}ul{margin:0px;padding:0px;list-style-type:none;}.outer{width:150px;height:30px;float:left;text-align:center}a{width:150px;height:30px;line-height:30px;display:block;text-decoration:none;	}.inner{position:absolute;display:none;background-color:#0C3;}

Firefox と Google ではうまく表示されますが、IE では次のようになります

緑色の 2 番目のメニューを上のメニューと揃えるにはどうすればよいですか

ディスカッションに返信 (解決策)

これは ~~~~~~~~~ です

これは ~~~~~~~~~ です

これは ~~~~~~~~~ です? ?最近では、ブラウザのタイプセットのサポートが異なります。非常に面倒です

親 li に相対位置を追加、第 2 レベルのメニュー ul left='0',,、アプリケーションの位置決めについて詳しく学ぶ必要があります

親 li に相対位置を追加、第 2 レベルのメニューul left='0',,,測位アプリケーションについてもっと学ぶ必要があります
はい、ありがとう。ブラウザがサポートするタイプが毎回異なるため、毎回非常に混乱するように感じます。