Webdesign déformé sous Firefox...

Salut à vous,
je suis en train de créer un site web pour un gîte rural.

J'ai fais mon design sous Photoshop que j'ai découpé et intégrer dans une page PHP sous Dreamweaver CS4.

Au moment de la visualisation, sous Internet Explorer je n'ai aucun soucis, mais sous Firefox j'ai "du jeu" qui se forme entre l'image de gauche du menu, ce qui me casse tout...

J'ai structurer le design sous forme de tableau, voici le code HTML:

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/header.gif" width="800" height="200" /></td>
</tr>
<tr>
<td width="226" rowspan="2" background="images/menu_.png"><p><img src="images/menu.gif" width="226" height="256" border="0" usemap="#Map" /></p></td>
<td width="574"><img src="images/header_.gif" width="574" height="10" /></td>
</tr>
<tr>
<td background="images/designgite2_04.jpg"><div align="center">essais</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td colspan="2"><img src="images/footer.gif" width="798" height="144" /></td>
</tr>
</table>

Pour voir ce que ça donne:
Sous IE=> Http://www.gitedechantegri.fr/gite_IE.PNG
Sous Firefox=> Http://www.gitedechantegri.fr/gite_F.PNG


Merci beaucoup !