CSS Rollover Navigations-Item verschwindet nach "Zurück"

[mimhakkuh]

Hallo, ich habe zum folgenden Problem leider keine Ansätze im Forum gefunden; vielleicht kann mir jemand weiterhelfen.

Ich habe eine Image-basierte Rollover-Navigation mit CSS (nach O'Reilly CSS Cookbook/Kap.6.11) erstellt:

http://tinyurl.com/4zv852

Das Menü-Item "deutsch" funktioniert folgendermaßen:

++++++(HTML)++++++
<div id="menu_lang_first">
<a href="index.php?id=6" title="deutsch">
<span>deutsch</span>
</a>
</div>

++++++(CSS)++++++
#menu_lang_first a span {
 display: none;
}
#menu_lang_first a:link {
 display: block;
 width: 60px;
 height: 20px;
 background-image: url(../images/elements/menu_lang_first_off.gif);
 background-repeat: no-repeat;
 background-position: top left;
}
#menu_lang_first a:link:hover {
 display: block;
 width: 60px;
 height: 20px;
 background-image: url(../images/elements/menu_lang_first_active.gif);
 background-repeat: no-repeat;
 background-position: top left;
}
#menu_lang_first a:link:visited {
 display: block;
 width: 60px;
 height: 20px;
 background-image: url(../images/elements/menu_lang_first_off.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

Das Ganze funktioniert sehr gut; wenn ich jedoch nach dem Klick auf "deutsch" die Seite noch einmal besuche, verschwindet das "deutsch"-Element. Nach leeren des Browsercache funktioniert das Ganze wieder.

Zuvor hatte ich das gleiche über ein transparentes Gif-Image als Platzhalter im HTML (statt unsichtbarem <span> -Text) gelöst:

http://tinyurl.com/4klqef

Hier funktioniert ein wiederholtes Aufrufen, ich würde die <span> Lösung aber vorziehen, da das Menüobjekt dann auch textuell ausgezeichnet ist.

Hat jemand eine Idee, warum das Element verschwindet und wie ich dem beikommen kann?

Gruss & Vielen Dank schon einmal,

F.