How do I set font size to 0px in IE6?

Question

I have an unordered list, I'm trying to hide the text in the list. I can do this 2 ways that i know of:

font-color: transparent; font-size: 0px;

I prefer the 0px method as its not selectable. This issue is neither way works in IE6. The first way just doesn't work in IE6 at all, the 2nd leave a 1PX high font.

Is there a way to hide the text in IE6?

This is a visual thing, I know you can read the text by reading the source and that is OK, I just need it to visually not be there.

Answer 1

text-indent: -777em; width: FOO; overflow: hidden;

Answer 2

Try one of these:

display: none;

visibility: hidden;

text-indent: -9999px;

Answer 3

Can't you mark the text in a span with a special class? This way you can use:

span.hidden {
    display: none;
}