Really annoying template problems - racking my brain out

[blueuniverse]

Ok, I'm working on the new design for my forums on a test board so I can't give you the link or everything - it being password protected and all. Anyway, I've added a navigation bar (with images) to the header to replace the existing one below. The problem results with vbulletin somehow (this is where I've been racking my brains out - I can't see where) putting in cellspacing 1 between them all.

Now, I know there is the stylevars variable set as 1 by default but I've tried this hundreds of times, setting it to 0 and even to 10 to see if it had any effect. I then set it to 0 in the header but still this gap of 1 persists on showing up, throwing off my whole design.

I'm sure I'm missing something here but I just can't see what. I've included a screenshot (with the table cell edges highlighted) for assistance and the code in my header (it is definitely not the code elsewhere - worked that out already).

<div id="GALBox"
	style="position: absolute; z-index: 100;
    visibility: hidden;"
    onmouseover="this.style.visibility='visible';"
    onmouseout="this.style.visibility='hidden';">
</div>
<!-- logo -->
<a name="top"></a>
<table width="$stylevar[outertablewidth]" cellspacing="0" cellpadding="0" align="center" class="maintable">
<tr><td width="100%"> 
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td width="288" rowspan="2" valign="top" align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" alt="$vboptions[bbtitle]" width="288" height="78" border="0" /></a></td>
    <td height="49" colspan="7" valign="top">&nbsp;</td>
</tr>
<tr>
    <td width="52" height="29" valign="top"><a href="$vboptions[forumhome].php?$session[sessionurl]" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/v4/misc/homeroll.gif',1)"><img src="images/v4/misc/home.gif" alt="Home" name="Home" width="52" height="29" border="0" id="Home" /></a></td>
    <td width="60" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forums','','images/v4/misc/forumsroll.gif',1)"><img src="images/v4/misc/forums.gif" alt="Forums" name="Forums" width="60" height="29" border="0" id="Forums" /></a></td>
    <if condition="$show['registerbutton']"><td width="68" valign="top">
      <a href="register.php?$session[sessionurl]" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Register','','images/v4/misc/registeroll.gif',1)"><img src="images/v4/misc/register.gif" alt="$vbphrase[register]" name="Register" width="68" height="29" border="0" id="Register" /></a></td>  </if>
	<if condition="$bbuserinfo['userid']"><td width="68" valign="top">
      <a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logout','','images/v4/misc/logoutroll.gif',1)">
<img src="images/v4/misc/logout.gif" alt="Log Out" name="logout" width="68" height="29" border="0" id="logout" /></a></td></if>
<td width="59" valign="top"><a href="usercp.php?$session[sessionurl]" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Usercp','','images/v4/misc/usercproll.gif',1)"><img src="images/v4/misc/usercp.gif" alt="User Cp" name="Usercp" width="59" height="29" border="0" id="Usercp" /></a></td>
    <td width="67" valign="top" id="interactive"><a href="#interactive" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('interactive','','images/v4/misc/interactiveroll.gif',1)"><img src="images/v4/misc/interactive.gif" alt="interactive" name="interactive" width="67" height="29" border="0" id="interactive" /><script type="text/javascript"> vbmenu_register("interactive", 1); </script>
      </a></td>
    <td width="61" valign="top" id="navbar_search"><a href="search.php?$session[sessionurl]" accesskey="4" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('search','','images/v4/misc/searchroll.gif',1)"><img src="images/v4/misc/search.gif" alt="search" name="search" width="61" height="29" border="0" id="search" /><script type="text/javascript"> vbmenu_register("navbar_search", 1); </script>
                </a></td>
    <td width="73" valign="top" id="usercptools"><a href="#usercptools" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Quick Links','','images/v4/misc/quicklinksroll.gif',1)"><img src="images/v4/misc/quicklinks.gif" alt="Quick Links" name="Quick Links" width="73" height="29" border="0" id="Quick Links" /><script type="text/javascript"> vbmenu_register("usercptools", 1); </script>
    </a></td>
  </tr>
</table>
<!-- /logo -->



$spacer_open

$_phpinclude_output

It's pretty messy code, but just to give you a basic understanding - each td is a different image and the images are all rollovers hence all the code.

I'm sure it is something simple I'm missing but for the life of me I can't find out what.

Thanks in advance,

Ed