Problema com barra de navegação

Olá.

Ignorem qualquer erro na postagem do tópico, é meu primeiro aqui, hehe.

Sou iniciante (Mais ou menos) em CSS3 e HTML5, estou com um problema há muito tempo, na barra de navegação.

Observem esta barra no site da Apple.

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.gyazo.com/e2d37065ab56072a5514f0b029f93c29.png&key=1e6e8204cfcb0c469689506f0aa68667cafb840fc5e16043e0a3d97b616403d0" alt="e2d37065ab56072a5514f0b029f93c29.png" />

Observem a minha barra

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.gyazo.com/52db7e01544733831d0377b938185daf.png&key=6f3c6c3bb2cfe7f2195930cb5b45098c1af0c04a9509b3bc6ab35f900c9a0455" alt="52db7e01544733831d0377b938185daf.png" />

Esse espaçamento em branco dos lados eu nao consigo tirar de jeito nenhum. Alguem tem alguma solução? aqui está meu código css:

#superior {
position: relative;
margin: 0px auto;
background-color: rgba(111, 89, 74, 0.88);
height: 50px;
}

Nesse teste que estou fazendo, só tem uma tag Nav no corpo com esse id do seletor.

Agradeço desde já.