Espaçamento horizontal entre imagens dentro das tags <li>

Olá pessoal, boa tarde!

Estou com um pequeno problema, ver código abaixo e/ou link para exemplo:

 <nav id="menu">
 <ul>
 <li><a href="a-empresa.php" title="A Empresa"><img src="images/menu/a-empresa.png" width="72" height="22" alt="A Empresa" /></a></li>
 <li><a href="produtos.php" title="Produtos"><img src="images/menu/produtos.png" width="71" height="22" alt="Produtos" /></a></li>
 <li><a href="servicos.php" title="Serviços"><img src="images/menu/servicos.png" width="65" height="22" alt="Serviços" /></a></li>
 <li><a href="fornecedores.php" title="Fornecedores"><img src="images/menu/fornecedores.png" width="93" height="22" alt="Fornecedores" /></a></li>
 <li><a href="localizacao.php" title="Localização"><img src="images/menu/localizacao.png" width="88" height="22" alt="Localização" /></a></li>
 <li><a href="contatos.php" title="Contatos"><img src="images/menu/contatos.png" width="67" height="22" alt="Contatos" /></a></li>
 </ul>
 </nav>

:seta: Ver Exemplo #1 (Cada

• em uma linha)

No exemplo acima, se deixarmos um item <li> por linha, na exibição nos navegadores fica um espaço horizontal entre eles, quebrando a estrutura visual.

Mas se juntar todos em somente uma linha esse espaço some como no exemplo abaixo:

 <nav id="menu">
 <ul>
 <li><a href="a-empresa.php" title="A Empresa"><img src="images/menu/a-empresa.png" width="72" height="22" alt="A Empresa" /></a></li><li><a href="produtos.php" title="Produtos"><img src="images/menu/produtos.png" width="71" height="22" alt="Produtos" /></a></li><li><a href="servicos.php" title="Serviços"><img src="images/menu/servicos.png" width="65" height="22" alt="Serviços" /></a></li><li><a href="fornecedores.php" title="Fornecedores"><img src="images/menu/fornecedores.png" width="93" height="22" alt="Fornecedores" /></a></li><li><a href="localizacao.php" title="Localização"><img src="images/menu/localizacao.png" width="88" height="22" alt="Localização" /></a></li><li><a href="contatos.php" title="Contatos"><img src="images/menu/contatos.png" width="67" height="22" alt="Contatos" /></a></li>
 </ul>
 </nav>

:seta: Ver Exemplo #2 (Todos

• em uma única linha)

Alguem tem uma solução para isso?

Obrigado desde já.