glowhead: tabelle verschiebt sich bei onmouseover! warum!

moin liebes forum!
hab ne tabelle welche vier buttons beinhaltet die bei onmouseover und onmouseout ihre zustände verändern! das ändern ist nicht mein problem, sondern das sich bei diesen beiden aktionen die tabelle verschiebt! beim ersten button verschieben sich die ersten beiden <tr>'s und beim dritten die kompletten <td>'s. hier der code:

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<script LANGUAGE="JavaScript" src="start.js"></script>
<script type="text/javascript" src="Sprachanzeige.js"></script>
<script type="text/javascript" src="ChangeButton.js"></script>
<title>OaI - Otten angewandte Informatik</title>
</head>
<body>
<table rules="all" hspace="20" width="690" height="431" background="prozess.gif" border="0">

<tr height="55">
<td width="55" align="left" valign="middle">
<a href="javascript:sprachanzeige('mg6_')" target="links">
<img src="b_g.gif" onmouseover="gOver('0')" onmouseout="gOut('0')" onClick="gClick('0')" onBlur="gClickwas('0')" border="0" alt="microGlas-6"></a>
</td>
<td width="45">
</td>
<td width="40">
</td>
<td width="70">
</td>
<td width="30">
</td>
<td width="60">
</td>
<td width="55">
</td>
</tr>

<tr height="65">
<td width="55">
</td>
<td width="45">
</td>
<td width="40">
</td>
<td width="70" align="center">
<a href="javascript:sprachanzeige('mopt_')" target="links">
<img src="b_g.gif" onmouseover="gOver('1')" onmouseout="gOut('1')" onClick="gClick('1')" onBlur="gClickwas('1')" border="0" alt="microOpt"></a>
</td>
<td width="30">
</td>
<td width="60">
</td>
<td width="55">
</td>
</tr>

<tr height="80">
<td width="55">
</td>
<td width="45" align="left">
<a href="javascript:sprachanzeige('mcad_')" target="links">
<img src="b_g.gif" onmouseover="gOver('2')" onmouseout="gOut('2')" onClick="gClick('2')" onBlur="gClickwas('2')" border="0" alt="microCAD"></a>
</td>
<td width="40">
</td>
<td width="70">
</td>
<td width="30">
</td>
<td width="60">
</td>
<td width="55">
</td>
</tr>

<tr height="30">
<td width="55">
</td>
<td width="45">
</td>
<td width="40">
</td>
<td width="70">
</td>
<td width="30">
</td>
<td width="60">
</td>
<td width="55">
</td>
</tr>

<tr height="80">
<td width="55">
</td>
<td width="45">
</td>
<td width="40">
</td>
<td width="70">
</td>
<td width="30">
</td>
<td width="60" valign="top">
<a href="javascript:sprachanzeige('bde_')" target="links">
<img src="b_g.gif" onmouseover="gOver('3')" onmouseout="gOut('3')" onClick="gClick('3')" onBlur="gClickwas('3')" border="0" alt="microBDE"></a>
</td>
<td width="55">
</td>
</tr>

</table>
</body>
</html>

versteh absolut nicht warum sich die tabelle verschiebt, hab noch nicht mal ne ahnung! danke für die hilfe!
mfg glowhead