---
title: "Hur får man en CSS hoverlist att funka i IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/128019-hur-får-man-en-css-hoverlist-att-funka-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "kolas"
published: "2005-05-11T14:09:41.000Z"
updated: "2005-05-15T22:53:18.000Z"
replies: 2
views: 295
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/128019-hur-får-man-en-css-hoverlist-att-funka-i-ie"
---

# Hur får man en CSS hoverlist att funka i IE

## #1 — kolas, 2005-05-11T14:09Z

Är det nå´n som vet hur man kan göra om denna meny så att hover-funktionen fungerar i IE?

```
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a> 
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul>

</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>

CSS
ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
```

Exempel:
<http://css.maxdesign.com.au/listamatic2/horizontal04.htm>

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

## #2 — Okkido, 2005-05-11T14:38Z

Måste det vara den?
Annars har du alistaparts suckerfish:
<http://www.alistapart.com/articles/dropdowns>

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

## #3 — azvareth, 2005-05-15T22:53Z

Testa att söka på IE7, nån Dan (tror jag) har gjort en modul till IE så att hover och andra CSS2 specifika regler fungerar i IE6

//MVH

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/128019-hur-får-man-en-css-hoverlist-att-funka-i-ie