Le problème, c'est que ta bordure de tableau (c'est pareil pour les div) est différemment pris en compte selon les navigateurs. Les moteurs gecko (mozilla, safari, etc.) en tiennent compte dans la taille totale de ton table alors que IE ne le fait pas.
Puisque le problème est le même avec les div, tu vas être obligé de ruser pour avoir un affichage identique sur tous les navigateurs... Plusieurs solutions :
1. tu vires la grille mais tu la dessines directement sur tes cases (tu peux d'ailleurs en profiter pour faire des trucs plus élaborés).
Voilà une case :
Un plateau :
2. Tu superposes deux calques (div) : le premier contient le tableau des images sans bordure et le deuxième contient un tableau avec bordures sans images -> tu es obligé de tenir compte des navigateurs lorsque tu écris ton code CSS (mozilla aura des cases de 36 px de large tandis qu'IE6 aura des cases de 38px de large).
EDIT : à Globe, je ne suis pas sûr d'avoir bien compris, mais le border-width à 0px reviendrait à supprimer la "grille", ce que l'on cherche à éviter
Puisque le problème est le même avec les div, tu vas être obligé de ruser pour avoir un affichage identique sur tous les navigateurs... Plusieurs solutions :
1. tu vires la grille mais tu la dessines directement sur tes cases (tu peux d'ailleurs en profiter pour faire des trucs plus élaborés).
Voilà une case :
Un plateau :
2. Tu superposes deux calques (div) : le premier contient le tableau des images sans bordure et le deuxième contient un tableau avec bordures sans images -> tu es obligé de tenir compte des navigateurs lorsque tu écris ton code CSS (mozilla aura des cases de 36 px de large tandis qu'IE6 aura des cases de 38px de large).
EDIT : à Globe, je ne suis pas sûr d'avoir bien compris, mais le border-width à 0px reviendrait à supprimer la "grille", ce que l'on cherche à éviter