li und span

[Simon]

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

[Anschinsan]

Hallo Simon,

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

/* CSS dazu ----------------------------*/

#foobar {width:100px;}

#foobar span {display:none;}

#foobar a
{
background:url(images.gif) no-repeat top left;
width: 100px;
height: 100px;
display:block;       //macht Anzeige in verschiedenen Browsern wahrscheinlicher
}

So sollte es dann wohl klappen - hoffe ich ;-)

mfg
Anschinsan

[Simon]

Danke Anschinsan!