Problem bei zwei Tabellen in HTML...

[Alexander]

Hi Leute,
ich habe ja auf meiner Seite (http://www.alexander-franz.de) links ja meine Navigation, die ich automatisch mit PHP generieren lasse...

Nun wollte ich das etwas umstrukturieren, so dass das Untermenü einen kleinen Hintergrund bekommt...
So dass habe ich jetzt auch so weit (siehe Screenshot / Anhang)
Leider erscheint immer ein 1Pixel hoher Streifen zwischen den beiden Tabellen.
Hier mal die beiden Tabellen:

Code:

<table cellpadding=0 cellspacing=0 border=0 colspan=0>
 <tr>
  <td width=5></td>
  <td width=141 height=33  style="background-repeat:no-repeat;" background="images/button_drop_down.gif">
   <center>[url="/menue.php?hauptrubrik=100"]Home[/url]</center>
  </td>
 </tr>
</table>

<table border=0 cellspacing="0" cellpadding="0" width="146">
<tr>
 <td>
  [img]../images/space.gif[/img]
 </td>
 <td background="images/menu_bg_mitte.gif" align="center" style="" cellspacing="0" cellpadding="0">
  [url='haupt.php']Startseite[/url]
 </td>
</tr>

<tr>
 <td></td>
 <td background="images/menu_bg_mitte.gif" align="center">
  [url='impressum.php']Impressum[/url]
 </td>
</tr>

<tr cellspacing="0" cellpadding="0" border=0>
 <td></td>
 <td background="images/menu_bg_mitte.gif" border=0 align="center">
  [url='gaestebuch/index.php']G&auml;stebuch[/url]
 </td></tr>

<tr cellspacing="0" cellpadding="0" height="20" border=0>
 <td></td>
 <td background="images/menu_bg_unten.gif" align="center"><a href='kontakt.php' target='Haupt'>
  [url="kontakt.php"]Kontakt[/url]
 </td></tr>

<tr height=4>
 <td></td>
</tr>
</table>

Wäre nett wenn mir einer sagen könnte, wie ich das vernünftig darstellen lassen kann.
Alexander