Text-indent sur lien 'a' ?

Salut

J'aimerais faire un text-indent sur un lien, mais le texte du lien reste toujours visible, pas moyen de laisser seulement l'image en background : savez-vous comment faire? Il s'agit de points pour un diapo :

#step {float:left; width:420px; margin-top:200px; border:1px solid black;}
#step ul {list-style:none; width:150px; margin:0 auto; }
#step ul li {display:inline; position:relative; padding:0; margin:0; 
             background:url(img/bullet.png) bottom center no-repeat; width:20px; height:20px;}

#step ul li a { width:20px; height:20px;}

si je met le text-indent sur le ul : les images ne s'affichent plus. Sur le 'li' ou le 'a', le texte reste visible...

Savez-vous pourquoi?

Salut, ok c'est bon : un display:inline-block a fait l'affaire ! merci quand même

a+