IE zeigt Hintergrundbild eines <a href="">...</a> nicht an.

[Jochen]

Hi,

auf meiner Seite möchte ich folgende Seiteninternen Link definieren:

<p class="p1"><span>
            <a href="#oben" class="nachoben"><span class="hoch">Nach oben</span></a>
            </span></p>

Die zugehörige CSS-Definition liest sich so:

a.nachoben, a.nachoben:link, a.nachoben:visited, a.nachoben:hover {
   background: url(../struktur/pfeilhoch.gif) no-repeat;
   background-position: 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 26px;
   border: 0px solid #000000;
   }

span.hoch { display: none; }

Folgendes will ich damit erreichen: Durch diesen Link soll man auf der Seite nach oben springen können (was funktioniert), der Text soll  allerdings nicht angezeigt werden (deshalb span.hoch -> display: none), stattdessen wird die Grafik "pfeilhoch.gif" eingebunden.

Im FF klappt alles auch wunderbar.

Im IE dagegen ist an der Stelle, an der der Link (also die Grafik) zu sehen sein soll, nichts zu finden. Der Link ist zwar aktiv, wenn man weiß, wo man klicken muß, springt man auch an den Seitenanfang, aber mit Grafik wärs halt schöner ;-).

Wenn ich die Amweisung "span.hoch { display: none; }" entferne, dann zeigt auch IE die Grafik an, aber dann eben auch den Text "nach oben", der FF natürlich auch.

Wenn ich "<span class="hoch">Nach oben</span>" aus dem Befehl entferne, also nur

<p class="p1"><span>
            <a href="#oben" class="nachoben"></a>
            </span></p>

schreibe, zeigt zwar FF die Grafik immer noch an, aber der IE immer noch nicht.

Ich weiß nicht was ich da falsch mache.

Erkennt ihr einen Fehler oder eine fehlende Angabe?

LG
Jochen