Remove bullets from styled list

How do you remove bullets from a styled list?

I have tried using text-decoration: none; and list-style: none on the ul and il tags to no effect.

Here is my code:

CSS

[CSS code moderated – please post a link to your site]

HTML

<div id="list_item">
<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
</ul>
</div>

Thanks in advance for any help with this.