I have written this page and as you can see my navigation table is slightly to the right although it is centered. The code for the table is posted below.

Could someone help me out with this please? THANKS

<center>
<table id="Table_01" width="827" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img id="main_01" src="images/main_01.gif" width="827" height="206" alt=""></td>
</tr>

<tr>
<td rowspan="2">
<img id="main_02" src="images/main_02.gif" width="13" height="27" alt=""></td>
<td>
<A href="index.php
" onMouseOver="ImageOn('0')" onMouseOut="ImageOff('0')">
<IMG name="0" src="images/main_03.gif" border="0"></a></td>
<td>
<A href="bio.html" onMouseOver="ImageOn('1')" onMouseOut="ImageOff('1')">
<IMG name="1" src="images/main_04.gif" border="0"></a></td>

<td>
<A href="gallery.html" onMouseOver="ImageOn('2')" onMouseOut="ImageOff('2')">
<IMG name="2" src="images/main_05.gif" border="0"></a></td>
<td>
<A href="merch.html" onMouseOver="ImageOn('3')" onMouseOut="ImageOff('3')">
<IMG name="3" src="images/main_06.gif" border="0"></a></td>
<td>
<A href="drugsquad.php" onMouseOver="ImageOn('4')" onMouseOut="ImageOff('4')">
<IMG name="4" src="images/main_07.gif" border="0"></a></td>

<td>
<A href="links.html" onMouseOver="ImageOn('5')" onMouseOut="ImageOff('5')">
<IMG name="5" src="images/main_08.gif" border="0"></a></td>
<td>
<A href="downloads.html" onMouseOver="ImageOn('6')" onMouseOut="ImageOff('6')">
<IMG name="6" src="images/main_09.gif" border="0"></a></td>
<td>
<A href="contact.php
" onMouseOver="ImageOn('7')" onMouseOut="ImageOff('7')">
<IMG name="7" src="images/main_10.gif" border="0"></a></td>

<td rowspan="2">
<img id="main_11" src="images/main_11.gif" width="17" height="27" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img id="main_12" src="images/main_12.gif" width="797" height="4" alt=""></td>
</tr>
</table>