Als Neuling erst mal ein "Hallo" an alle!!!

Ich habe mit CSS folgende Klasse erzeugt:

.rezepte:visited, .rezepte:link, .rezepte:active
{
background-image:url(Bilder/hauptbanner/button_rezepte.png);
width:100px;
height:20px;
display:block;
}
.rezepte:hover,.rezepte:focus
{
background-image:url(Bilder/hauptbanner/button_rezepte2.png);
}

welche mit:

<a href="rezepte.php" class="rezepte">
<img name="home" src="Bilder/hauptbanner/spacer5x5.png" border="0" width="0" height="0" /></a>

aufgerufen wird.
Ich denke dass dies eine Klasse ist, welche ein Bild bei einem Link austauscht (hover) brauche ich niemand zu sagen und funktioniert auch ganz gut.
Ich habe nur folgendes Problemchen:
Wenn ich im IE oder auch Firefox den Link klicke und anschließend mit der "Zurücktaste" des Browsers zurück gehe, wird mir der Link noch immer im "Hoverbild" (Austauschbild) angezeigt, was ich eigentlich nicht will.
Was mache ich hier falsch?

In dem Fall ist es der :focus-Zustand, den der Link bekommt, wenn er ausgewählt (und auch geklickt) wird. Wenn die Browser diesen beim Zurückpfeil drücken wieder haben, ist das nun mal so. Das einzige, was du machen könntest ist dem :focus ein anderes "Gesicht" zu geben.

Vielen Dank für die Antwort, bin jetzt nur ein wenig verwirrt weil ich auf "Selfhtml" nachgelesen hatte und da stand:

:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste

...also wäre ich selber nie auf die Idee gekommen dass dies die Ursache meines Problems ist!!!

Vielen herzlichen DANK !!!

Eben, da steht ja auch nur "z.B." Also wenn du irgendwo klickst, verliert das Element, welches vorher den Focus hatte diesen und das geklickte Element bekommt den