---
title: "CSS: <li> knas i IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121285-css-li-knas-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mmmMange"
published: "2005-01-29T02:32:18.000Z"
updated: "2005-01-29T12:42:34.000Z"
replies: 3
views: 272
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/121285-css-li-knas-i-ie"
---

# CSS: <li> knas i IE

## #1 — mmmMange, 2005-01-29T02:32Z

Hej!

Gjorde en liten simpel men snygg meny som fungerar hur bra som helst i Firefox, men inte alls i IE (wow, vilken överraskning....). Menyn är en lista, och problemet är att IE inte vill visa rätt färger och ramar för \<li\>-elementen.

Såhär är min CSS-kod för menyn:

    \#loggedinmenu {
      z-index: 10;
      position: relative;
      top: 3px;
      float: left;
      width: 110px;
      padding: 0px;
      padding-left: 5px;
    }

        \#loggedinmenu ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        \#loggedinmenu li {
            border: 1px black solid;
            padding-left: 10px;
            margin-left: 3px;
        }

        \#loggedinmenu li#selected {
            background-color: #EFECE4;
            border: 1px black solid;
            border-right: 0px;
            margin-left: 0px;
        }
        
        \#loggedinmenu li.empty {
            border: 0px;
            border-right: 1px black solid;
        }

        \#loggedinmenu a {
            color: black;
        }

Och såhär är HTML-koden:

\<div id="loggedinmenu"\>
    \<ul\>
        \<li id="seleced"\>\<a href="showpage.php?page=loginstart"\>Startsida\</a\>\</li\>
        \<li\>\<a href="showpage.php?page=users"\>Användare\</a\>\</li\>
        \<li\>Ladda upp\</li\>
        \<li class="empty"\>&nbsp;\</li\>
        \<li\>\<a href="logout.php"\>Logga ut\</a\>\</li\>
    \</ul\>
\</div\>

Nån som hittar felet?

Och som om inte det vore nog, så är där en såndär härlig bugg som är helt oförklarlig: när man ALT-tabbar till IE så syns bakgrundsfärgen på vissa \<li\>-element, men när man sedan laddar om sidan syns den inte. ALT-tabbar man då till nåt annat program och tillbaka igen så syns bakgrundsfärgen igen... Skumt som fan.

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

## #2 — Gislaved, 2005-01-29T08:44Z

> \<li id="seleced"\>

Borde du inte kalla den *selected* istället, så att det matchar din stilmall?

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

## #3 — mmmMange, 2005-01-29T10:14Z

> Borde du inte kalla den selected istället, så att det matchar din stilmall?

 

Blev tryckfel när jag skrev här i forumet - i verkligheten har jag en snutt PHP-kod där som skriver ut "selected" i rätt \<LI\>-element... Så det har ingenting med felet att göra.

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

## #4 — zcorpan, 2005-01-29T12:42Z

Om du flyttar 

```
float: left;
width: 110px;
```

till #loggedinmenu ul så funkar det. Fråga mig inte varför... ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121285-css-li-knas-i-ie