Need some advice with theses errors

HTML & CSS
1

Ive created a theme for an smf forum called Verve but when i try to validate the css @ The W3C CSS Validation Service i get the following errors


2561 	tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 1px 2px 1px #000000 1px 2px 1px #000000
3564 	#userarea 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 1px 2px 1px #000000 1px 2px 1px #000000
3567 	#userarea 	Property border-radius doesn't exist in CSS level 2.1 but exists in : 5px 5px
3661 	#topnav li a 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 1px 1px 1px #000000 1px 1px 1px #000000
3668 	#topnav li a.active 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 0 1px 0 #1d1d1d 0 1px 0 #1d1d1d
3674 	#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 0 1px 0 #1d1d1d 0 1px 0 #1d1d1d
3679 	#topnav li:hover li a, #topnav li ul li a:hover 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 0 1px 0 #1d1d1d 0 1px 0 #1d1d1d
3695 	#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a 	Property text-shadow doesn't exist in CSS level 2.1 but exists in : 0 1px 0 #1d1d1d 0 1px 0 #1d1d1d
3734 	#footerarea 	Value Error : padding -1.0 negative values are not allowed : -1em -1em

The thing is i need text shadows to make the theme what it is, you can view the theme @ Theme Hut and select the verve theme in the theme changer
How can i fix theses errors without having to remove the text shadows?

2

The value text-shadow doesn’t exist in CSS 2.1 at the moment so that’s probably why you got that error.

Though if you had used CSS 2.0 or CSS3 (to validate against) it might be recorded as being valid. Assuming you had the rest of the syntax statement correct , e.g. H1 {text-shadow: 0.2em 0.2em; } Similar story with the experimental CSS3 border-radius that was mentioned.

3

The negative padding errors, however, are true errors. Browsers will be ignoring those lines entirely (as if you had no padding statements at all). Syntax errors are also true errors, and this is what I usually use the CSS validator for.

When it comes to the validator, your job is to tell the true errors from simple non-recognition of new stuff by the validator. Similarly, the -moz and -webkit prefixes will always get flagged as errors— ignore them. They are proprietary and not in the spec so the validator should flag them, but you know why they are there and are recommended, so they are not true errors.

You may also want to read this article about css3 validation issues.

4

you can only have negative values for margins I believe.

Don’t worry about the text-shadow, border-radius items validating. They are valid in the sense and will not hurt anything as far as rendering the page.

Robert I thought I had my validator set to CSS3 and I still get those errors. I’ll have to double check.

5

Text-shadow will pass validation under the css3 option but the validator seems to have a bug with border radius that hasn’t been fixed yet.