Alinhar conteúdo do menu ao centro

[joaohenrique010 0]

Olá! Não consigo alinhar o conteúdo deste menu ao centro:

CSS

.container{position:relative;margin:0 auto;width:100%;}
#menu{position:fixed;z-index:10;width:100%;background:blue;text-align:center;}
#menu ul{list-style:none;}
#menu ul li{float:left;position:relative;text-align:center;}
#menu ul li a{text-decoration:none;color:white;display:block;padding:15px 30px;transition:0.15s ease-out;}
#menu ul li a:hover{transition:0.2s ease-in-out;background:lightblue;}

HTML

<div class="container">
 <div id="menu">
  <ul>
    <li><a href="">Início</a></li>
    <li><a href="">Link 1</a></li>
    <li><a href="">Link 2</a></li>
    <li><a href="">Link 3</a></li>
    <li><a href="">Sobre</a></li>
  </ul>
 </div>
</div>

O text-align não faz efeito algum. Como resolvo isso?

 

[angelorubin 142]

Veja se ajuda - http://jsfiddle.net/angelorubin/e7d0sjcf/

[WictorP 9]

#menu ul{list-style:none;}

 

Da um margin:auto;

e pronto.