Horizontal List Problem

[DanAtHome]

First off, things are 99% there. Just need a little help for the remainder :)

I have this horizontal list. I want to hide the text that is contained in the spans which are in turn contained in anchors. The reason why I want to hide it, is that I've set a background image that replaces the text. The text is only there for accessibility reasons.

Line #22 is the problem. See the attached file.

/*#topMenu ul li a span{display: none;} <-- line causing me problems */

[Fang]

You don't actually say what the problem is, but I assume the anchors do not function if the text is 'removed'.
#topMenu ul li a{display:block;background-image: url(top_list_bg.gif); background-repeat: no-repeat; height: 16px;}

[DanAtHome]

I was sure I was saying that the problem was :D

Yup, that would be the problem, as soon as I use display:none, the anchor seems to disapear even though I specifying the span inside the anchor.

I will try your fix later today. Thanks!