BytesizeCSS

IE6 and the !important rule 10.08.2008 @ 05:13pm 1 comments

It works fine as long as the property you are applying the !important rule to is only declared once in that selector. For example, the following would work fine in IE6:

#mybox {
    background-color: #f00;
    border: 1px solid #c00;
    height: 100px !important;
    padding: 20px;
    }

However, if you were to try this next block of code, it would not apply the !important height and will apply the other height declaration instead:

#mybox {
    background-color: #f00;
    border: 1px solid #c00;
    height: 100px !important;
    height: 150px;
    padding: 20px;
    }

So remember, only declare your property once within a selector if you would like it to be !important.