Image Opacity

[Skatecrazy1]

Alright, well first, look at this layout [url=http://www.snapskate.com/v2/]http://www.snapskate.com/v2/[/url]

well when I try to make my XHTML and CSS validity images appear at 50% opacity until they are hovered over, by using something like this:

[code]
img.xhtml {

opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}

img.xhtml:hover {

opacity:.100;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
}
[/code]

now, before I added this CSS, the css validated perfectly.

Now i get errors from the validator saying that the properties don't exist.  however, the hover opacity for the image, as you can see, works fine.

has anyone here done it a different way that is valid in CSS?

[AndyB]

http://www.elementary-group-standards.com/css/css-validatorinduced-errors.html

The problem is that the validator itself isn't 'up to date' with CSS standards.

[Skatecrazy1]

oh well that's depressing... is that something they know about and are trying to fix? (at w3c)