filter en css

[gabo2287]

he colocado esto en mi CSS:

#fb{
display:block;
position:absolute;
top:25px;
left:30px;
width:18px;
height:18px;
background:url(../images/social/facebook.png) no-repeat;
background-size: 18px 18px;
text-indent:-5000px;
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);

}

#fb:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);

}

pero los filtros grayscale no me funcionan en firefox 34, Internet explorer 11 y safari 5.1.7, he probado varias soluciones encontradas en Internet pero sigo sin solucionar este problema

[pzin]

Hasta donde yo he leído los filtros son cosas de WebKit. No funciona en esa versión de Safari porque es una versión muy vieja (la última que sacó Apple para sistemas Windows).