html - 位置要素なしで中央のdivを下部に配置しますか?

Question

私は固定ヘッダーを持っています。ナビメニューをヘッダーの中央に配置する方法を見つける唯一の方法は、ヘッダーを相対的な位置にすることです。これを行う別の方法はありますか？ありがとう。また、ヘッダーの下部にもナビゲーション メニューを作成しようとしました。それも成功しません..

http://jsfiddle.net/LR7zV/

HTML

<div id="header">
    <img id="logo" src="/img/logo.png">
    <div id="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    </div>
</div>

CSS

/*-- HEADER --*/

#header {
    position:fixed;
    top:0px;
    width:100%;
    background-color:#2C2E31;
    border-bottom:#242426 solid 2px;
}

img#logo {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}

#nav ul li {
    list-style-type:none;
    display:inline;
    margin-bottom:0px;
    padding-bottom:0px;
}

#nav ul li a {
    text-decoration: none; 
}

#nav li a {
    font-size:20px;
    padding-left:15px;
    padding-right:15px;
}

/*-- CONTENT --*/

body {
    margin:0px;
    padding:0px;
    background-color:#2A2B2D;
}

Answer 1

これを試して：

#nav {
    text-align: center;
}

JSFiddleデモ