IE 11 and opacity

[ckgb]

I can't find the template edit mod I used, therefore have to post in here.

I use the below code for opacity - fade out effect for my avatars. It works in all the browsers but Internet Explorer.

Would appreciate a solution. Thank you very much.

.avatarcontainer img,
.postuseravatar img {
	opacity:0.5;
	transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
         filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
}
.avatarcontainer:hover img,
.postuseravatar:hover img {
	opacity:1;
}