Centralizar Logo em Menu, CSS

[Firewalls 0]

Olá pessoal, estou tentando criar um site para meus pais, criei todo o design, porém, estou tendo problemas com a parte da programação... Será que alguém poderia me informar, como posso dar um espaçamento no meio de uma lista para não passar por cima do LOGO?

Segue um print anexado do Menu.

 

Como deve ficar: http://prntscr.com/616ujf

Como ficou: http://prntscr.com/616upz

 

Source:

<ul>
    <li><a href="#">SOBRE</a></li>
    <li><a href="#">PRODUTOS</a></li>
    <li><a href="#">SERVIÇOS</a></li>
    <li><a href="#">LOJAS</a></li>
    <li><a href="#">CONTATE-NOS</a></li>
    <li><a href="#">TRABALHE CONOSCO</a></li>
  </ul>
<a href="www.auriautopeças.com.br"><img src="imagens/logo.png"></a> 

 

EDIT:

Já consegui, utilizando

Obrigado ^^

http://prntscr.com/616zmq

[rikaschmitt 54]

Utilizar " " é uma gambiarra hahaha, mas se serviu.

O que seria interessante é você dividir esse topo em 3 divs: menu esquerdo | logo | menu direito, ou em 2 divs: menu esquerdo | menu direito, com a logo no meio posicionando com absolute.