Removing <ul> bullets via CSS

Question

I am using jQuery for the first time via the Views Cycle module for Drupal. I am not a CSS pro, but I am pulling my hair out trying to remove the bullets from the rotating images on this page: http://shoshannabauer.com/

What am I missing? Does the list-style go on the <li> or on the <ul> class?

Answer 1

list-style goes on the <ul> class.

ul { list-style: none; }

Answer 2

edit: Shawn is right. This here is the reason for the bullets in your navigation on the left.

Take a look at your css, you have an image of a bullet there.

li.leaf {
    background:transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.4em;
    list-style-image:none;
    list-style-type:none;
    margin:0;
    padding:0 0 0 1.5em;
}

Your list elements have kind of custom bullets in the form of a background-image of a white bullet and a padding-left of 1.5em