Hintergrundbild ändern über a:hover?

[Der Martin]

Hallo,

<tr>
<td id="navi3" bgcolor="#243853" valign="middle"><a href="index.htm" class="navi">Home</a></td>
</tr>

a.navi:hover {
font-family: verdana,arial;
font-size: 14px;
border-color: white;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
font-weight: bold;
text-decoration: none;
color: white;
background-image: url(images/design/background2.gif);
display: block;
}

Es hat nichts mit deiner Frage zu tun, aber ein paar Angaben sind hier widersinnig: Beispielsweise gibst du an, dass der Rahmen an allen vier Seiten (warum alle einzeln angeben?) 0px dick sein soll (also effektiv kein Rahmen), gleichzeitig soll er weiß und durchgezogen sein. Ein einfaches border:0; würde alle sechs border-Eigenschaften ersetzen, die du aufgezählt hast.
Außerdem würde ich grundlegende Eigenschaften wie font-family, font-weight, font-size und display:block nicht in a.navi:hover, sondern allgemein in a.navi definieren.

Reicht das??

Zumindest dafür, dass man dein HTML und CSS nicht direkt für den Fehler verantwortlich machen kann. Dann kontrolliere mal den Pfad für das Hintergrundbild. Liegt das wirklich dort, wo du es angibst, nämlich zwei Verzeichnisebenen unterhalb der CSS-Ressource? Möglicherweise möchtest du lieber einen absoluten Pfad angeben, um derartige Mehrdeutigkeiten zu vermeiden.

Ciao,
 Martin