CSS List

Olá pessoas.

Tô criando um menu horizontal com imagens.

Cada imagem, lógico, está dentro de "li"

Como configurei list-style como none, criou-se um indesejável espaço em branco entre uma opção e outra (putz...)

Como faço para livrar-me dos tais espaços? Vejam o código:

[b]CSS[/b]
#menu ul {

	list-style: none;
	background-color:black;
}

#menu li {

	padding:0;
	margin:0;
	position:relative;
	width: 626px;
	height:21px;
	display:inline;
}

[b]HTML[/b]

<div id="menu">
	<img src="javascript/images/bt_SobreaEditora.jpg">
	<img src="javascript/images/Bt_Lancamentos.jpg">
	<img src="javascript/images/Bt_Noticias.jpg">
	<img src="javascript/images/Bt_FaleConosco.jpg">
	<img src="javascript/images/Bt_PaginaPrincipal.jpg">
</div>

Valeu

Neolitic