[SOLUCIONADO] Filtros en Firefox e Internet Explorer

[fonsoesp]

Buenas tardes.
Es mi primer post, y siento si suena demasiado básica la pregunta, pero creanme en que llevo bastante tiempo intentando buscarle solución al problema de los filtros de css en los diferentes navegadores.

En manuales, incluso libros de texto comprados, para los filtros de css tipo grayscale, blur, etc... la compatibilidad de los mismos con los navegadores tiene que ser precedida por los modificadores -moz- -ms- y -webkit-

HTML:

Código HTML:

<IMG class="imagenesGrises" />
 

CSS:

Código CSS:

.imagenesGrises{
 -webkit-filter:grayscale(20%);
 -moz-filter:grayscale(20%);
 -ms-filter:grayscale(20%);
}
 

Quisiera saber qué hago mal, puesto que en Chrome la página va DE LUJO, pero ni internet explorer ni mozilla firefox funcionan los filtros (ninguno). He probado practicamente DE TODO.

Firefox, la versión que tengo es la 22.0.
Internet explorer, v.10.

[pzin]

Bienvenido al foro.

No existe nada llamado "filtros de CSS". Lo que existe son los "filtros CSS de WebKit". Por lo que sólo funcionarán en navegadores basados en WebKit/Blink.

En corto. Sólo te funcionará en Opera, Safari y Chrome.

No sé qué manuales estás mirando, pero obviamente no son los más acertados si dicen que uses -moz-filter.

Cuando publiques código, usa highlight o code.

[fonsoesp]

Gracias por la respuesta. (etiquetaré el código como toca... sorry!).
En caso de que mis "fuentes" no sean las adecuadas como comentas, cómo puedo conseguir el mismo efecto en el resto de los navegadores (firefox y i.e.) de poner imágenes en escala de grises?? en navegadores basados en webkit sin mil veces más sencillo por lo que puedo ver.

Un saludo.

[Rafael]

Una fuente interesante es esta:

http://caniuse.com/#feat=css-filters

Aunque yo metería la imagen directo en escala de grises...