ナビゲーション バーが正しく表示されない_html/css_WEB-ITnose

ナビゲーションバーを上部に固定するスタイルにしたいです。以下に示すように、現在の表示に問題があります:

margin-top、padding-top などを使用していません。

<div id="top_bar">  <div id="nav">  <ul>  <li>Login</li>  <li>Register</li>  </ul>  </div></div>

#top_bar{top:0;left:0;right:0;height: 40px;width:100%;position:absolute;background-color: #00CCFF;}#nav{width:960px;height:40px;margin:auto;background-color:#c0c0c0;}ul{height:40px;float:right;margin-right:20px;list-style:none;background-color:#000;}li{height:40px;float:left;margin-left:20px;color:#ffffff;}

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

いいえ、誰もこの問題を解決できません

これが影響ですか

<div id="top_bar">  <div id="nav">  <ul>  <li>Login</li>  <li>Register</li>  </ul>  </div></div>