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