Menütext durch Bilder ersetzen

[steve]

(Hoffe das liest noch jemand)

Die kommt - wie alle anderen, die bei „Bilder aus, CSS an“ nicht funktionieren - für so etwas wichtiges wie die Navigation m.E. nicht in Frage.

Mir ist noch was eigenes in den Sinn gekommen, das ich sonst noch nicht gesehen habe.

Was haltet ihr von folgender Variante, wenn die Grösse der Grafiken schon bekannt ist:

  
<a href="irgendwas" id="einlink">irgendwelcher text</a>  

Aufbau der Grafik: (50x100)px
_______________________________
|             |                |
|    Bild     |     Bild       |
|             |     hover      |
|_____________|________________|

  
#einlink  
{  
display:block;  
width:100px;height:50px;  
overflow:hidden;  
  
text-decoration:none;  
}  
  
#einlink:hover,#einlink:focus,#einlink:active{ text-indent:-50px; }  
  
#einlink:before{ content:url("grafikversiondestexts.jpg"); }  

Das sollte sowohl für „Bilder aus, CSS an“, wie auch für "CSS aus" perfekt funktionieren, oder?

Lg

steve