can't get rid of bullet points when using jquery

[emmapap]

Hi
I am setting up a random image generator on my page neujuice.com/rm/home.htm
it works fine except I can't get rid of the bullet points.

I have tried putting ul {list-style-type:none} into the style sheet - this gets rid of the bullets but then all the images sit on top of each other - I want them the 5 to align next to each other, as they do at present (but without the bullet points!) any suggestions

the css I have at present is


.rotator-wrapper{ width: 980px; border: 1px solid black; }

ul#rotator, ul#rotator li{ float: left; width: 980px; margin: 0 0 0 0; padding: 0 0 0 0; }

ul#rotator li{ width: 188px; position: relative; }

.rotator-image{ position: absolute; display: none; width: 188px; height: 105px; }

.img1{ background-image: url(images/home01.jpg); background-repeat: no-repeat; list-style-image:none;}
.

[jscheuer1]

You can get rid of them with:


.rotator-wrapper ul {
list-style-type: none !important;
}

But for some reason that changes the entire complexion of the slideshow. Little matter that's probably what the script was intended to do, I think you like it the way it is, just without the bullet points. If so, this works - Get or make yourself a small transparent .gif image (I used a 1px X 1px one and it worked well*) and use this style:


.rotator-wrapper ul {
list-style: square outside url(transparent_1px.gif) !important;
}


*Here's mine on a page where I've enlarged it and given it background color with css so you can see it, right click on it and save it:

http://home.comcast.net/~jscheuer1/side/transparent_1px.htm