Вёрстка IE Mozilla, не верно работает filter

[ученик]

Только один Google Chrome отображает верно!  Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым?

 

Я делал так и сработало только в Google Chrome :

-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);

Вот сам пациент : http://myatlanta.pe.hu/templates1/

[atlanta]

Только один Google Chrome отображает верно!  Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым?

 

Я делал так и сработало только в Google Chrome :

-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);

Вот сам пациент : http://myatlanta.pe.hu/template 

 

что ни кто не знает ? вроде все здесь Гуру вёрстки 

<svg width="100%" height="100%" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">     <filter id="grayscale">          <feColorMatrix type="saturate" values="0"/>     </filter>     <image filter="url(#grayscale)" xlink:href="http://myatlanta.pe.hu/templates1/img/color/pic1.jpg" style="display:block;"width="100%" height="100%" /></svg>

ученик вот так вроде  http://codepen.io/anon/pen/dGYzWd?editors=110 пример