anchor text caché dans un menu - pénalisation?

[allignol]

Bonjour,

pour la création d'un menu horizontal, avec 6 liens, j'aimerais remplacer le premier lien, retour vers l'accueil, par une icône.
Tous mes autres liens du menu sont au format texte.
Le menu est une simple liste non ordonnée mise en forme par CSS.
J'hésite entre deux méthodes:

1- Cette icône serait une image remplacée par javascript au passage de la souris (pas top accessible, ce qui me déplait)

2- Faire comme tous les autres éléments du menu, c'est-à-dire une modification du background-position sur le a:hover en CSS, mais avec une propriété padding-top plus grande que la hauteur de mon bloc, ce qui revient à cacher du texte.

Pour vous, quelle est la meilleure méthode?

Merci