Ich habe folgenden Code:
HTML-Code: 
<html>
<link rel="stylesheet" type="text/css" href="data/style.css">
<body>
<div align="center"><img src="img/titelleiste.jpg"></div>
<table width="100" cellspacing="0" border="1">
<tr><td>
Allgemein<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?index=1&p=1" class="nav_link_alternativ">Home</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?index=1&p=2" class="nav_link_alternativ">Links</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?index=1&p=3" class="nav_link_alternativ">Gästebuch</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?index=1&p=4" class="nav_link_alternativ">Forum</a><br>
Rpg-Maker<br>

</td><td nowrap align="left" valign="top"><div style="margin-left: 100;">
Das hier ist meine Website.</td></tr>
</table>
</body>
</html>
Das ganze wird von einem (von mir geschriebenen) CMS erzeugt, also bitte nicht dran rummeckern, dass man dies und jenes besser machen könnte.

Mein Problem hängt mit der oben eingebundenen CSS-Datei zusammen:
Code: 
body{
font-family: "Arial", "Comic Sans MS";
margin-top: 20;
margin-left: 15;
background-color: c0c0c0;
}

a.nav_link:hover{
color: red;
}

a.nav_link_alternativ:hover{
font-weight: bolder;
}
Wie zu erkennen ist, haben alle Links in der "Navleiste" die Klasse "nav_link_alternativ", die den Link fetter macht, sobald man mit dem Mauszeiger drüberfährt.
Allerdings wird dabei bei "Berührung" des längsten Eintrag ("Gästebuch") auch die Tabellenzelle mit der Navleiste verbreitert, was dazu führt, dass der gesamte Inhaltstext ("Das hier ist meine Website") ebenfalls verschoben wird, solange man den Cursor über dem Link hat, weil die Tabellenzelle verschoben wird.

Wie kann ich das beheben?