Text ausblenden

[Matti Maekitalo]

Hi,

hier mal ne kleine CSS-Frage von mir, die ich bisher weder durch Suchen in SelfHTML noch durch mein XML/CSS-Buch lösen konnte:

Gegeben ist soetwas:
<li id="threads-gelesen-markieren"><a href="/my/?mav=1">Alle Threads als gelesen markieren</a></li>

(Ja, es handelt sich um Quelltext dieses Forums :-))

Ich will:
a) den Text "Alle Threads ..." ausblenden und stattdessen
b) ein von mir erstelltes Bild einblenden, welches natürlich mit oben genannten Linkziel verlinkt sein soll.

Was ich bisher probiert habe:

zu b):

  
#threads-gelesen-markieren > a:after { content:url(readall.gif); }  

Funktioniert so, wie ich es haben will.

Zu a) habe ich folgendes probiert:

  
#threads-gelesen-markieren > a > * { display:none; }  
#threads-gelesen-markieren > a * { display:none; }  
  
 /* sogar abstruse Sachen wie: */  
#threads-gelesen-markieren > a #PCDATA { display:none; }  
  

Nichts davon funktioniert.
Meine Frage also:
Wie kann ich statt dem Link ein verlinktes Bild einfügen?

Tschö, Matti