Menu LI centralizado.

Oi pessoal..
Estou fazendo um menu para um site mobile. E gostaria que ele ficasse centralizado assim:




Mas ele fica com um espaço no canto direito não pega a tela toda...
Meu código está assim:
 

<style type="text/css">
ul {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;color:#FFF;font-size:24px;
text-align:center;
display:table-row;
width:100%;
}

#itens li {
  background-color:#666;
  display: block;
  width:100%;
  padding:10px;
  border: 1px solid #F0F0F0;
  border-radius:8px;
  margin-bottom: 10px;
}
</style>

<ul id="itens">
<li>Inicio</li>
<li>Quem Somos</li>
<li>Serviços</li>
<li>Contato</li>
</ul>

Algém sabe como posso resolver?