Best way to ensure CSS for FB is being used...

I have previously designed the layout of my dynamic website, but have found that after inserting a form using FB, it breaks the design somewhat. The biggest problem is that the CSS associated with the form I create when using FB is being overridden by my main css file. The result is that form elements are too wide for the containing div they are found in.

I noticed that FB uses ul/li rather than divs for each label/input. Is there any way for me to change that so it uses divs instead of list items for each label/input? I'm finding that the li css is doing things like showing up with a bullet which I don't want of course.

The page weight seems kind of heavy to me regarding the form elements when compared to straightforward divs where they can be controlled very easily.

Where should I look to find the css that's controlling the form controls when using FB and any suggestions how to make the css override the existing css for the page's div where the form is located without causing me to do a lot of editing on my main css file?

steve

Steve,

One thing to do is to check that the Form Builder CSS comes after your page's main css file. Also, are you using any sort of CSS reset file? That would certainly help clear up the unwanted bullets for list items.

Best regards,

Brian