Как задать кроссбраузерно одновременно opacity и grayscale, особенно интересно как это сделать в IE 8 и ниже?

img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
opacity: 0.5;
}

img:hover {
-webkit-filter: grayscale(0%);
-khtml-opacity:1;
-moz-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter:alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:100;
}

Как должно работать: картинка полупрозрачна черно-белая, а когда наводите меняется на обычную, без прозрачности и цветная. Проблема в том что в IE можно одновременно задать или прозрачность или grayscale, может кто что посоветует, включаю альтернативу на JS, спасибо!