Центрирование по всей ширине Фиксированный заголовок Nav

Я боролся с этим. Я пробовал разные вещи, и я попытался переписать весь код несколько раз.

HTML:

  <header>
    <nav>
    <h1> Welcome</h1>    
    <ul>
    <li>Home</li>
    <li>Work</li>
    <li>About</li>
    <li>Contact</li>
        </ul></nav>
    </header>    

CSS:

header nav {
    border: 2px solid green;

 width: 100%;
 position: fixed;
 font-size: 1.3em;
 color: red;
 z-index: 10;

}

header nav ul {
 list-style: none;
 width: 90%;
 margin:0 auto;

}

header nav ul li {
 display: inline;
 width: 100%;
 margin: 0 auto;
}

Я пытаюсь li и h1 внутри nav, но я могу только отступать, кажется.

Так вот и скрипка.

http://jsfiddle.net/Ex3sh/