CSS behaving differently in IE 9 vs ie 10 or chrome

Question

So I was just looking into a issue at my client which is about a button turning orange at many places in IE9. I found out this CSS property progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0) was causing the issue.

Does anybody have any idea what this is about and how to fix it.

Thanks

Answer 1

As hungerstar pointed, this is a Microsoft proprietary css property to create gradients using filters. If it's turning the button orange and you don't want it to be, you can simply remove it or even force the right color using '!important'

https://msdn.microsoft.com/en-us/library/ms532997(v=VS.85).aspx