Simon: li und span

Beitrag lesen

Hallo!

Ich möchte mit CSS in der folgenden tabelle den Text ausblenden und statdessen ein image als link haben.
Wie kann ich das machen?

<ul>
 <li id="foobar"><a href="foo.htm"><span>bar</span></a></li>
</ul>

span { display: none; }
und dann?

#foobar a span { background: url(images.gif) no-repeat; width: 100px; height: 100px; }
klappt nicht :-/

ich freue mich über jeden tip : )
Simon