Problem mit Tabelle in der ein Javascript Menü ist

[Mariuz]

hallo!!

ich arbeite an einer internetseite in der ich 3 frames habe. Einen links, rechts und oben. In dem linken Frame habe ich ein Menü platziert mit Hover-Buttons, ganz nach  der Anleitung hier auf selfhtml. Die Buttons habe ich in eine Tabelle gefasst. Und hier liegt auch mein Problem, denn sobald ich die index seite aufrufe entstehen unregelmäßige Abstände zwischen den einzelnen Buttons. Zwischen den ersten 2 ist der Abstand akzeptabel aber bei den restlichen (insg 11 Buttons) mal mehr mal weniger. Erst nachdem ich alle Buttons angeklickt habe ist der Abstand gleichmäßig und auch so wie ich ihn möchte. Ich versteh einfach nicht wo der Fehler liegt, der Quellcode ist von Hand geschrieben worden.

Ich hoffe mir kann jmd helfen, den Quellcode füge ich hier an.

MfG

<table border=0>
 <tr>
  <td>
  <a href="..."

onMouseOver="Bildwechsel (0, Hover1)"
  onMouseOut="Bildwechsel (0, Normal1)"
  target="rechts" ><img src="..." border=0      alt=".."></a>
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (1, Hover2)"
  onMouseOut="Bildwechsel (1, Normal2)"
  target="rechts"><img src=".." border=0 alt=".."></a>
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (2, Hover3)"
  onMouseOut="Bildwechsel (2, Normal3)"
  target="rechts"><img src=".." border=0 alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (3, Hover4)"
  onMouseOut="Bildwechsel (3, Normal4)"
  target="rechts"><img src=".." border="0" alt=".."></a>
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (4, Hover5)"
  onMouseOut="Bildwechsel (4, Normal5)"
  target="rechts"><img src=".." border=0 alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (5, Hover6)"
  onMouseOut="Bildwechsel (5, Normal6)"
  target="rechts"><img src=".." border="0" alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href="..."
  onMouseOver="Bildwechsel (6, Hover7)"
  onMouseOut="Bildwechsel (6, Normal7)"
  target="rechts"><img src=".." border="0" alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (7, Hover8)"
  onMouseOut="Bildwechsel (7, Normal8)"
  target="rechts"><img src=".." border="0" alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (8, Hover9)"
  onMouseOut="Bildwechsel (8, Normal9)"
  target="rechts"><img src=".." border="0" alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (9, Hover10)"
  onMouseOut="Bildwechsel (9, Normal10)"
  target="rechts"><img src=".." border=0 alt="..">
  </td>
 </tr>
 <tr>
  <td>
  <a href=".."
  onMouseOver="Bildwechsel (10, Hover11)"
  onMouseOut="Bildwechsel (10, Normal11)"
  target="rechts"><img src=".." border=0 alt="..">
  </td>
 </tr>
</table>

PS:
Die Pfadangaben hab ich mal weggemacht, ist ja nicht sowichtig, der
Hover-Effekt funktioniert ja.