Sign up form text shows white with a white background

Question

I have a sign up form on a website that I am developing using dreamweaver. The input text and background text are both showing as white (or not showing!) even though the page text is set at #0000CC. See it here: www.betterlifecoaching.co.uk (it is still work in progress) How can I overcome this? The sign up script is:

<style type="text/css">
.link,
 #SignUp .signupframe {
  color: #0033CC;
  font-family: Arial, Helvetica, sans-serif;
  }
 .link {
  text-decoration: none;
  }
 #SignUp .signupframe {
  border: 1px solid #282FFF;
  background: #ABB4BA;
  }
</style>
<script type="text/javascript" src="http://app.icontact.com/icp/loadsignup.php/form.js?c=660346&amp;l=7202&amp;f=567"&gt;&lt;/script&gt;
<a class="link" href="http://www.icontact.com"&gt;&lt;font size="2">Email Marketing You Can Trust</font></a>

Many thanks.

Answer 1

You have INPUT defined in this part of the CSS

body, th, td, input, textarea, select (line 23)
{
color: #ffffff;
text-align: left;
}

Remove it, and all will be groovy!

Answer 2

this link will help you fix this problem and similar issues you might face in the future

Download Firebug