Alinhar conteúdo do menu ao centro

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?