safari lien css Je n'ai pas travailler

Question

un menu de style ul qui ressemble à ceci:

<ul> 
    <li> 
    <a href="/hem/"><span>Hem</span></a> 
    </li> 
    etc.. etc.. 
</ul> 

l'élément li a une image en arrière-plan qui change le vol stationnaire. Je ne veux pas afficher le texte à l'intérieur du conteneur et donc il a de la visibilité: caché.

Chose amusante maintenant; vous êtes toujours capable de cliquer sur le lien dans IE et FF mais en safari seulement le mouseover fonctionne, mais vous ne pouvez pas cliquer sur le lien. Changer la visibilité du conteneur span permet de cliquer sur le lien.

Question maintenant est de savoir comment changer le code CSS afin qu'il se comporte comme IE et FF? Je ne veux pas montrer le texte, mais je veux être capable de cliquer sur le menu - duh!

Answer 1

Plutôt que de la visibilité de l'ancre pour caché les questions suivantes:

ul li a 
{ 
    display:block; 
    width:100%; 
    height:100%; 
    text-indent: -9999px; // Hide the text 
} 

Working Example