[PROBLEME] menu déroulant css

Bonjour,

Je sais ne sais pas si c'est ici ou dans le partie internet que je dois poster donc je m'excuse d'avance si je me suis trompé.

Voilà donc j'ai un petit problème avec un menu déroulant en CSS
je crée bien mes listes et tout ce qui va avec, j'applique mes styles mais je ne sais pas comment masquer un Lien texte d'une de mes liste de mon menu pour ne voir que l'image.
Je pense que je m'y suis pris à l'envers sur ce coup là et je bloque je vois pas de solution pourtant je me dis que ça n'a pas l'air bien compliquer...

je vous fais part d'un screenshot de la partie concerné de mon menu

http://onziemedivision.fr/prob_menu.jpg

je voudrais ne plus voire le mot "Lore", seulement mon background en image lorsque mon menu se déroule

<ul>
  <li><a href="presentation">Présentation</a>
    <ul>
      <li><a
 style="background-image: url(../verdure.jpg); background-repeat: repeat;"
 href="histoire">Lore</a></li>
      <li><a href="univers">Univers</a></li>
     </ul>
    </li>
</ul>

donc voilà je ne sais pas si c'est un problème de code ou simplement de style CSS ??

Merci :)