Como tirar o espaçamento direito das li em uma ul

Front-end CSS
, ,
#1

Estou com um problema com espaçamento direito das imagens de um menu que fiz em ul, os itens da lista são imagens, coloquei o width com 80%: abaixo o código da div .

Essa div tem um id=“menu”, não coloquei porque não aparece o restante do código quando coloco:

HTML

<ul>
  <li id="logo"><a href="#"><img src="imagens/topo/logo.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/cantoesquerdo.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/institucional.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/exames.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/preagendamento.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/resultados.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/convenios.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/blog.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/atendimento.png"/></a></li>
  <li><a href="#"><img src="imagens/topo/cantodireito.png"/></a></li>
</ul>

CSS:

@charset "utf-8";
/* CSS Document */
div{
	width:100%;
	max-width:100%;
	}
div li img{
	max-width:80%;
	}
li{
	max-width:80%;
	border-right: none;
	}
div ul{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-right:0px;
	float:left;
	}
div li{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#menu{
	width:100%;
	float:left;
	alignment-adjust:central;
	padding:0px;
	margin-left:0px;
	}
#menu img{
	width: auto;
    height: auto;
	padding:0px;
	margin: 0px 0px 0px 0px;
	float:left;
	}
#menu ul li {
	float:left;
	display:inline;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

as imagens da li se ajustam aos 80%, mas fica o espaçamento entre as imagens, do lado direito

#2

tenta por o tamanho das imagens de 100% ao inves de 80% e da uma lida sobre CSS TOOLS RESET e sobre o codigo de ERIC MEYER RESET, talvez ajude.

#3

Cara, não é necessário colocar “margin: 0px 0px 0px 0px”, se você colocar apenas “margin: 0px” já vai definir que você quer “0px” para os quatro lados. E para resolver o seu problema, dentro “#menu img” coloca “position: relative;” e dentro de “div li img” também, em seguida, dentro de “div li img” coloca uma "margin: 1% !important;", depois dentro de “li” no CSS mesmo, coloca um display: inline;.