Style Sheet Override?

[underspend]

I was hoing someone could assist me.

Facts:
-I have a simple 1 page website.("www.mywebsite.com")
-The website is linked to 1 simple CSS stylesheet ("default.css")
-On the sidebar of the home page I created an href link ("form.php").
-The "form.php" links to a seperate, simple, form file called ("form.php")
-The "form.php" file is linked to its own simple CSS stylesheet called ("form.css")

Project:
-I need to load the "form.php" into the "main" <div> on the homepage of the website. THIS IS COMPELETED

-The form within the div on the homepage must display its own styles from the ("form.css"). NOT COMPLETED

Problem:
- The "default.css" overrides my "form.css" file. I cannot resolve the form in its correct format.

Any Ideas or Suggestions?

Thank you,

Underspend

[tracknut]

One way would be to load the form into a div called "#theform" and then prefix all the styles in form.css like:

#theform p {color:#222}
#theform input {text-align:center}

you will have to include in the styles, any styles that have been adjusted in your default.css, because they will cascade in to #theform if your #theform style does not set them.

Dave