[Sammy12]

On line 32 of my_css.css:

<!-- Change background colors and text alignment and colors on text and password boxes -->
input[type="text"] {
	background-image: url('site_graphics/seamless_green.jpg'); 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}

The red part is causing the problems, you need to delete it. That is an HTML comment, CSS comments are like this:

/* Change background colors and text alignment and colors on text and password boxes */

Originally Posted by DanInMa

most likely the browsers you are testing in don't support that type of selector.
Any reason you cannot assign a class to the inputs instead?

The attribute selector works in all browsers including IE7. http://reference.sitepoint.com/css/c...ibuteselectors

I would suggest sticking with the selectors, they are more semantic. Instead of copy and pasting the same code use:

input[type="text"], input[type="password"] {
    background-image: url('site_graphics/seamless_green.jpg'); 
    color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-align: left;
}

You can use classes like stated above if you like, just know that it won't change anything. I would however recommend removing any !important's.