Unnecessary bullets not responding to css fix

Hi there,
I now have a form up and it seems to be inserting bullets in front of each item.
After reading this: http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/
I’ve tried adding the following to the css:

[css]
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	    list-style-type:none!important;
	    list-style-image:none!important;
	    list-style:none!important;
	    background-image:none!important;
	    background:none!important;
	    padding:0!important;
	    margin:0!important
	}

(I’ve also tried it with the ‘!important’ comment removed. from each line, retaining the ';' character)

I’ve also tried turning on and off the css output in the forms settings.

Here’s the page with the form:
http://www.bcss.org/2011/11/e-newsletters/tell-us-your-story/

My css doesn't use images for bullets, or have other list-type styling that should conflict.

Any suggestions?
Sincerely,
Sophia

Thanks, I'll have a look.

I had this same issue with conflicting styles and found the snippet above for adding some clearing styles and that still didn't fix my problem. After digging around for quite some time, I read an obscure reference to the location of the forms.css file. While I had enabled the plugin to output the form CSS, it wasn't working (I suspect this is because I have a custom theme with nested folders). I started to manually reference the style sheet by editing the PHP and then realized it just didn't need to be that difficult. I simply made a copy of the forms.css file and manually uploaded it into the same folder as stye.css and everything worked perfectly. I hope this post will save someone else the laborious digging...