Make <li></li> visibility:hide

I can only specify what's inside <li></li>

[pinkypie]

Below is my code for a better understanding.

This works fine on Firefox, but if you view it on ie, you will see the problem. The bullet is still there.

The problem comes up because I can only specify what's inside the <li></li> tag. I don't have control outside the <li> tag. Is there a work around to make the bullet not showing?

<a href=javascript:partners();>test</a>
<ul>
<li><span style="visibility:hide"></span></li>
<li>Test</li>
</ul>

Thanks in advance!

[Robin_reala]

Welcome to WebmasterWorld, pinkypie!

Unfortunately I think the answer here is no - CSS only talks to elements and descendants, not parents.