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"> </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.