[css] zmiana zdjęć z kolorowych na czarno-białe?

[pyzy]

Witam wszystkich,
mam problem ze zmianą zdjęć z kolorowego na czarno-białe. Chodzi mi o :hover przy najechaniu myszą - z kolorowego rob się czarno-białe. Oczywiście można sobie poradzić w css zapisując każde zdjęcie jako osobny styl np...:

Kod:

tr td#button {
float: left;
width:144px;
height:30px;

}

tr td#button a {  
display:block;
width:144px;
height:30px;
background:url(active.png) no-repeat;
padding: 3px 0px 2px 0px;
font: normal 18px bold Verdana,Arial, sans-serif;
color:#cccccc;
text-decoration:none;
text-align: center;

}
tr td#button a:visited {
color:#cccccc;
}

tr td#button a:hover {
background: url(hover.png) no-repeat;
color:#333333;
width:144px;
height:30px;
}

..i przypisywać tylko do nowego odnośnika inny obrazek przy :hover.
Chodzi mi o globalnie zdefiniowanego css'a, który będzie zmieniał obrazek z koloru na czarno-biały przy najechaniu kursorem. Wiem, że jest skrypt javy ale czy komuś może udało się wykonać taki efekt w css bez definiowania osobnego stylu dla każdego zdjęcia.
Z góry dzięki za pomoc

Ps: google też wykorzystałem zanim napisałem