Omlouvám se, zkopírovala se mi jiná část kódu, a nevšiml jsem si toho.

Takže znovu >
<style>
.picture {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
}

.picture:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: url(desaturate.svg#greyscale);
filter: gray;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-khtml-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translate(5em,0em);
-moz-transform: translate(5em,0em);
-ms-transform: translate(5em,0em);
-o-transform: translate(5em,0em);
}
</style>

<div class="picture" style="position: absolute; top: 0px; left: 300px;">
<a href="???"><img src="image/yellow.png" width="400"></a>
</div>