Problème de marges sous images sur IE

Bonjour,
Je suis en train de créer un site internet. Sur ce site, j'ai besoin d'afficher une carte divisées en zones. Pour cela j'utilise un tableau qui a pour image de fond mon dessin de carte, et dans chaque case se trouve une image (transparente ou une croix rouge afin d'indiquer l'emplacement).

Voilà le problème que j'ai : sous Firefox, tout se passe bien, les cases se touchent toutes, avec la bonne dimension, ma carte est très bien. Mais avec IE, ça se complique. Il y a une petite marge (environ 2px je pense) qui vient se mettre entre les images. J'ai vérifié, il n'y a pas d'espacement entre les cases du tableau : ce sont bien les images qui ont une marge qui ne devrait pas être là. Du coup les cases du tableau sont plus grandes qu'elles ne devraient, et ma carte est trop moche.

Voilà ce que j'ai essayé de faire. Je ne vous mets pas tout le CSS, ça prendrait des pages. J'ai mis un * {margin:0; padding:0; } au début du CSS. Il y a donc des répétitions inutiles, mais selon moi vaut mieux le répéter plutôt que ça ne soit pas pris en compte...

        /* cette classe est appliquée à la balise <table></table> */
        .carte {   
		margin: auto;
		border-collapse: collapse;
		empty-cells: show;
		border: solid black 2px;
		width: 600px;
		height: 600px;
		background: url("images/carte/fond_carte3.png") no-repeat ;
	}
	
		.carte tr {
			margin: 0;
			padding: 0;
		}
		
		.carte td {
			margin: 0;
			padding: 0;
			line-height: 0;
		}
		
		.carte img {
			margin: 0;
			display: block;
		}

Je ne sais plus quoi trouver pour essayer de virer ces marges... Quelqu'un a une idée ?
Merci d'avance,
Eria