Espace en base d'une case de tableau

Salut à tous.

Je suis en train de faire un jeu d'échec via internet, c'est loin d'être terminé, mais là n'est pas la question.

J'affiche l'échéquier en HTML dans un tableau, et les pièces par des image.
En gros, j'ai :

<table>
...
<tr>
  <td>
    <a href="LIEN"><img src="PIECE.png" /></a>
  </td>
  ...
</tr>
...
</table>

Les images font 40*40px, mais sous Firefox, les case apparaissent un peu plus hautes que larges, avec un éspace vide en bas, et ce malgré tout les

  margin: 0;
  padding: 0;

que j'ai pu mettre.

La page est disponible ici : http://home.exyr.org/chess/

Voici le code CSS :

.plateau {
  border-collapse: collapse;
  margin: 0 2em 0 1em;
  float: left;
}

.plateau th, .plateau td, .plateau img, .plateau a {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
}
.plateau tr {
  height: 40px;
  margin: 0;
  padding: 0;
}

.plateau td {
  background: white;
  border: 1px solid #888;
}

.plateau td.n {
  background: #666;
}

Une idée du problème ?
Merci d'avance.
Modifié par Shimonn (02 Jun 2005 - 18:57)