Come sostituire testo con immagine?

[stakkit]

Ciao a tutti!
Volevo chiedervi come faccio a sostituire il testo di un link con un icona?
Ho un menu così:

<ul>[*]<a>Menu 1</a>[*]<a>Menu 2</a>[*]<a>Menu 3</a>[/list] 

Non voglio cancellare la scritta "Menu x", ma vorrei nasconderla e al suo posto mettere un icona.

Come faccio?

[Mich_]

Ci sono vari metodi, che puoi trovare in rete con semplice ricerca.

Uno e` questo:

ul li a {
  display: block;
  width: ...;     /* le dimens. dell'immagine */
  height: ...; 
  background: url(...);
  text-indent: -2000px;  /* abbastanza perche` vada fuori schermo */
}

Al posto del text-indent si puo` mettere:
left: -1000px
background-position: 1000px 0;

[stakkit]

Grazie mille Mich_!