---
title: "Hover funkar inte i IE?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/118441-hover-funkar-inte-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "UrMe"
published: "2004-12-20T16:23:16.000Z"
updated: "2004-12-21T10:55:17.000Z"
replies: 4
views: 425
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/118441-hover-funkar-inte-i-ie"
---

# Hover funkar inte i IE?

## #1 — UrMe, 2004-12-20T16:23Z

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
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
    <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>
```

Permalänk: https://www.webforum.nu/p/118441

## #2 — zcorpan, 2004-12-20T16:28Z

IE förstår endast a:hover.

Permalänk: https://www.webforum.nu/p/1509519

## #3 — UrMe, 2004-12-21T10:13Z

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

Argh..

Permalänk: https://www.webforum.nu/p/1509814

## #4 — fiddler, 2004-12-21T10:49Z

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

Permalänk: https://www.webforum.nu/p/1509830

## #5 — Jesper T, 2004-12-21T10:55Z

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. :)

Bilagor:

- [csshover.zip](https://www.webforum.nu/a/5138.zip)

Permalänk: https://www.webforum.nu/p/1509832

---

Tråden på webben: https://www.webforum.nu/amne/html-css/118441-hover-funkar-inte-i-ie