Hover funkar inte i IE?

[UrMe]

Hej,

varför fungerar inte Hover effekten på "dropner" menyerna i Internet Explorer i detta script? Det fungerar i FireFox.

Det är de första länkarna på de "utfällsbara" menyerna som inte blir nån "hover" effekt på.

CSS-filen

PHP-kod:

ul#tree-menu {
    list-style: none;
    padding: 0;
    width: 10em;
    margin:0 0 0 0.3em;
}

ul#tree-menu li.static div {
    background: #0099FF;
    border-color: #2BF #2BF #07D #07D;
    border-style: solid;
    border-width: 1px;
    color: #000000; 
    font-size: small;
    font-weight: bold;
    padding: 6px 10px;
    margin:0;
    text-decoration:none;
    list-style:none;
}

ul#tree-menu li.static a {
    color: #000000;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

ul#tree-menu li.toggle div {
    background: #0099FF;
    border-color: #2BF #2BF #07D #07D;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-size: small;
    font-weight: bold;
    padding: 6px 10px;
    
}

ul#tree-menu li.toggle div:hover {
    background: #0099FF;
    border-color: #8a9 #8a9 #465 #465;
    border-style: solid;
    border-width: 1px;
}

ul#tree-menu li.toggle ul {
    background: #00AAEE;
    border: 1px solid #07D;
    border-top: none;
    display: none;
    list-style: none;
    padding: 0px 10px;
    margin:0;
}

ul#tree-menu li.toggle ul a {
    color: #000000;
    font-size: x-small;
    font-weight: bold;
    text-decoration: none;
}

ul#tree-menu li.static a:hover {
    color: #FF0000;
    font-size: small;
    font-weight: bold;
    text-decoration: none;

}

ul#tree-menu li.toggle ul a:hover {
    color: #FF0000;
    font-size: x-small;
    font-weight: bold; 
    text-decoration: none;

} 


En bit av själva html-koden

PHP-kod:

    <ul id="tree-menu">
      <li class="static"><div><a target="_top" href="index.htm">Startsida</a></div></li>
      <br>
      <li class="static"><div><a target="main" href="Banan_1_24.htm">
        Inomhusbanan</a></div>

      <p>
      <br>
      <li class="static"><div><a href="dasd.htm">Länk</a></div></li>
      <li class="toggle"><div>Länk</div>
      <ul>
        <li><a target="main" href="asd.htm">Länk</a></li>
        <li><a target="main" href="asd.htm">Länk</a></li>
      </ul>
      </li>

      <li class="toggle"><div>Länk</div>

      <ul>
        <li><a href="asdasd.htm">Länk</a></li>
      </ul>
      </li>

      <li class="toggle"><div>Länk</div>
      <ul>
        <li><a target="main" href="asd.htm">Länk</a></li>
        <li><a target="main" href="asd.htm">Länk</a></li>
      </ul>
      </li> 


[zcorpan]

IE förstår endast a:hover.

[UrMe]

Så det finns inget sätt att koda om detta så det fungerar med hover i IE?

Argh..

[fiddler]

Kan du få lite tips här tro? http://www.alistapart.com/articles/horizdropdowns/

[Jesper T]

Lägg detta i ditt css:
body {behavior: url("csshover.htc");}
Packa upp den bifogade filen och lägg den i samma katalog som din aktuella fil. Sedan så skall det funka med hover på det mesta i ie.