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 */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;}I was sure I was saying that the problem was
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!
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 */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;}I was sure I was saying that the problem was
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!