Decalage image avec lien

Bonjour,
je suis en train de créer un site et j'ai créer le titre et le menu avec photoshop j'ai ensuite fait des tranches ce qui a coupé la grosse image en plusieurs petite. Ensuite j'ai mis des liens sur les petites images que je voulais pour que ça fasse mon menu seulement voila après les avoir transformé en lien un décalage se fait, regardez :
http://encyclopedie.olympe-network.com/

Je vous met les codes :

Pour le CSS :

a img
{
text-decoration: none;
border: none;
}

Pour le html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>stargate-encyclopedie</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
        </head>


<body style="background: black;">
<center><div id="titre">
<table id="Tableau_01" width="760" height="348" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/index2_01.gif" width="219" height="304" alt=""></td>
		<td colspan="3">
			<img src="images/index2_02.gif" width="313" height="304" alt=""></td>
		<td colspan="2">
			<img src="images/index2_03.gif" width="228" height="304" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href=""><img src="images/index2_04.gif" width="154" height="43" alt=""></a></td>
		<td colspan="2">
			<a href=""><img src="images/index2_05.gif" width="134" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_06.gif" width="130" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_07.gif" width="114" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_08.gif" width="122" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_09.gif" width="106" height="43" alt=""></a></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="154" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="65" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="69" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="130" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="122" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="106" height="1" alt=""></td>
	</tr>
</table>
</div></center>

Si quelqu'un pourrai m'aider svp

Configuration: Windows Vista
Firefox 2.0.0.17