eliminar espacios entre imagenes

[lucho_cat]

Hola antes que nada buen dia para todos, bueno soy nuevo en esto y quizas la pregunta sea media tonta. Tengo una div cuyo codigo css es:
#derecha {
display: inline;
position: relative;
margin: 0px 10px 10px 10px;
padding: 0px;
width: 162px;
float: left;
background: #FFF;
}
Y bueno dentro de esa div quiero colocar unas imagenes lo cual lo hago haciendo en el archivo xhtml:
<div id="derecha">
<img src="imagenes/prox.part..gif" width="162" height="100" border="0" alt="Próximo Partido" />
<img src="imagenes/separador.gif" width="162" height="10" border="0" alt="Separador" />
<img src="imagenes/ult.res..gif" width="162" height="100" border="0" alt="Ultimo Resultado" />
<img src="imagenes/separador.gif" width="162" height="10" border="0" alt="Separador" />
<img src="imagenes/caja.jpg" width="162" height="350" border="0" alt="Tabla Posiciones" />
</div>
Mi problema es que queda un margen entre las imagenes y no se como suprimirlo, probe creando otras div pero no me dio resultado y no quiero utilizar tablas para tener imagenes.
Bueno espero se haya entendido mi pregunta.
Saludos cordiales, Luciano

[mbavio]

puedes probar esto:

img {margin: 0; padding: 0}

Cuentame si lo solucionaste asi. Saludos.

[AlZuwaga]

Ah, caray! si vas a usar spacers, mejor seguí con las tablas!!!
Este "híbrido" entre una estructura tableless y algo a la antigua como spacers puede resultar más perjudicial de lo que parece...

No sé qué información hay en las imágenes "Próximo Partido", "Ultimo Resultado" y "Tabla Posiciones", pero seguro lo podrías maquetar de otra manera... se me ocurre algo así:

Código:

<hX>Próximo Partido</hX>
<p>Colón - Boca</p>
<hX>Ultimo Resultado</hX>
<p>Boca 1- Huracán 0</p>
<hX>Tabla Posiciones</hX>
<table>...</table>

Editado para eliminar el reciente BUG de Próximo por Page Ranking :-p

[mbavio]

ayayay no habia notado esos pequeños gifs separadores! No no, asi no, tienes que sacar eso inmediatamente!