Why would the IE Developer Toolbar claim a style is applied, yet that supposed fact is not reflected

Posted by Deane on Stack Overflow See other posts from Stack Overflow or by Deane
Published on 2010-05-22T14:22:14Z Indexed on 2010/05/22 14:30 UTC
Read the original article Hit count: 254

Filed under:
|

I have a situation where IE7 is simply not applying styles, even though it claims it is.

I have an element on my page. In the CSS, I have defined a rule that should apply "display: none" to it, so it should not be displayed.

It's still displaying.

I downloaded the IE Developer Toolbar, and found the element in the DOM selector. I right-clicked and selected "Applied Styles." Right there, IE claims that it is applying my "display: none" rule. In fact, the "Applied Styles" dialog confirms everything I think I know about my CSS and how it should be applied.

Yet the element remains.

Now, I'm not asking anyone to debug my CSS here. I'm asking, if the IE Developer Toolbar claims/confirms this element should be gone, but it's still there...what does that mean, exactly? Since the Toolbar is on my side, I think my CSS is fine.

Is there some IE7 bug I'm not considering?

Edit:

One thing that might be relevant: the LINK elements that load the stylesheets are applied to the page in Javascript, via "document.write". I'm starting to suspect that has something to do with it.

© Stack Overflow or respective owner

Related posts about css

Related posts about ie6-ie7-bug