CSS problem in Drupal website in Internet Explorer 6

Ok, here is the deal. The following code is stated in my Drupal page.tpl.php and yet IE6 doesn't want to accept the display:none part.

<!--[if IE 6]>
    <style type="text/css">
        .coda-nav{display:none; position:absolute; width:400px;height:20px;top:260px;right:100px;z-index:125421;}
    </style>
<![endif]-->

Clearing the Drupal cache or the b开发者_StackOverflow社区rowser cache didn't help.

What is wrong with my code (it seems ok to me?)

And don't ask why I still write code for IE6, it's already humiliating enough :)

---

All CSS rules are applied according to the cascading order, whether they live inside an IE-specific conditional comment or not.

In this case, adding !important to the value may solve your problem, unless other values that also are !important are specified with higher precedence.

---

BTW, if you only want to address IE 6 and 7, you can also add an other word than important after !, like

display: none !hotdog;

In those broswers, this will have the same effect as adding !important.