grayscale på billeder med CSS

Hej

På http://amero.dk/portfolio/ har vi oprettet vores kundereferencer med logoer, og har fået lavet dem grayscale som standard. Når man kører musen hen over logoerne, skulle de gerne skifte til farvede logoer, men kan ikke få det til at slå igennem.

Koden for hover, ser således ud i min CSS fil.

.grayscale:hover{
filter: grayscale(0%) ;
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}