Imagenes sin separación entre ellas

[Pennywiser]

Hola compañeros, estoy maquetando una web y resulta que al poner el menú de navegación las imágenes tienen una separación y se salen de la capa azul que se ve en la imagen, cuando deberían encajar perfectamente:

img512.imageshack.us/img512/6772/navigationo.jpg

Las imágenes tienen margin y padding 0 y no tienen bordes. No se me ocurre qué puede estar pasando.

[Pennywiser]

Vale, ya lo he solucionado entre comillas. El código que tenía era:

Código:

<div id="navigation">
<img src="backgrounds/home.png"/>
<img src="backgrounds/bio.png"/>
<img src="backgrounds/media.png"/>
<img src="backgrounds/contact.png"/>
<img src="backgrounds/spacer.png"/>
</div>

Pues bien, poniendo todas las imágenes seguidas sin hacer el salto de línea para embellecer el código se soluciona, es decir:

Código:

		<div id="navigation">
				<img src="backgrounds/home.png"/><img src="backgrounds/bio.png"/><img src="backgrounds/media.png"/><img src="backgrounds/contact.png"/><img src="backgrounds/spacer.png"/>
			
		</div>

¿Se puede saber por qué está pasando esto? creo que no es muy lógico.

[kseso?]

Hace unos días se comentó por aquí.
Lo tienes en este tema.
Un saludo