Quitar espacio entre imágenes con enlaces

Hola,

Estoy programando una nueva web y me ha surgido un problema de principiantes. A ver si alguien me puede ayudar.
Resulta que tengo un menú con botones que deben ir totalmente unidos, pero al tener un enlace automáticamente se crea una pequeña separación entre las imágenes. He probado poniendo en el CSS:
img{
border:0;
}
Y border:none, text-decoration:none... Pero no funciona. ¿Alguna solución? El HTML es simplemente de este tipo: <a href=""><img src=""></a>

Gracias.

Prueba con la propiedad:

margin:0;
como te lo comenta el compañero pedro

Nada, no me funciona. Dejo un código de ejemplo de lo que tengo:

HTML (es una imagen que se cambia cuando pasa el ratón encima):

<a href="http://fananimalcrossing.blogspot.com"><img class="marg" src="http://i.imgur.com/YVNV8Bc.png" onmouseover="this.src='http://i.imgur.com/RaTY6Dz.png';" onmouseout="this.src='http://i.imgur.com/YVNV8Bc.png';"/></a>


CSS:

.marg {
margin:0;
border:0;
text-decoration:none;
}

Prueba a poner ambas imágenes dentro de <li></li>. Por ejemplo:

<ul>
<li><a href="(URL DE TU WEB)"><IMG SRC="IMAGEN" ALT="LO QUE SEA"></a><a href="(URL DE TU WEB)"><IMG SRC="IMAGEN" ALT="LO QUE SEA"></a></li>
</ul>

Hola, debes poner margin:-1;, el menos 1 hace que retroceda cuando son links, en cualquier caso para lo que estás haciendo es recomendable que lo hagas todo dentro de un <div> de navegación