Infelizmente, parece que as implementações antigas do CSS no Internet Explorer não permite usar o !important
de forma convencional.
Se você simplesmente sobrepor ou atualizar um atributo não vai dar certo. Isso somente dará certo caso esteja usando Media Queries, como para fazer um site responsivo.
Na realidade o "correto" seria você não precisar sobrepor usando o !important
, mas sim, usar uma hierarquia de classes.
Por exemplo:
.class1 {
color: #555 !important;
}
.class1 {
color: #FFF;
}
.class1 {
color: #000;
}
A cor que o Internet Explorer interpretará será a #000, pois é a que vem depois e por isso a mesma sobrepõe as anteriores.