Центр 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 Demo