Css menu, werkt niet in IE

[stategamer]

Hallo Tweakers,

Ik heb al een aantal dagen een probleem met mijn menu in css.
Deze wilt namelijk niet uitklappen in IE
Aangezien mijn kennis met CSS niet zo heel groot is, hoopte ik dat jullie mij hiermee kunnen helpen.

De CSS in kwestie:

Cascading Stylesheet:

#topnav {
    float:left;
    margin-top:50px;
    width: 580px;
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
}

#topnav li {
    float:left;
    margin-right:10px;
    position:relative;
    display:block;
}
#topnav li a{
    display:block;
    padding:5px;
    color:#313767;
    text-decoration:none;
    
}
#topnav li a:hover{
    color:#fff;
    background:#713664;
}

/*--- DROPDOWN ---*/
#topnav ul{
    list-style:none;
    position:absolute;
    left:-9999px; 
    opacity:0; 
    z-index: 200;
    
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    background-color: #713664;
}
#topnav ul li{
    padding-top:1px
    float:none;
}
#topnav ul a{
    white-space:nowrap;
    display:block;
}
#topnav li:hover ul{ 
/* laat menu verschijnen */
    left:0; 
    opacity:1;
}
#topnav li:hover a{ 
    color:#fff;
    background:#713664;
    
    
}
#topnav li:hover ul a{
    text-decoration:none;
}
#topnav li:hover ul li a:hover{ 
    background:#713664; 

    text-decoration:underline;
}

En de HTML

HTML:

<ul id="topnav">
        <li>
            <a href="#">Lorem ipsum</a>
            <ul>
                <li><a href="#">Lorem ipsum 1</a></li>
                <li><a href="#">Lorem ipsum 2</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Lorem ipsum 2 </a>
            <ul>
                <li><a href="#">Lorem ipsum 1</a></li>
                <li><a href="#">Lorem ipsum 2</a></li>
            </ul>
        </li>
                    
</ul>

Iemand een idee hoe ik dat zou kunnen oplossen dat dit wel werkt in IE?

Bedankt!

[Room42]

IE is niet meer voldoende. Welke versie van IE heb je het over?

Verder komt hier het onvermijdelijke "Wat heb je zelf al gedaan en gevonden"-verhaal. Dat had je kunnen weten maar je hebt er niet op geanticipeerd in je openingspost. Dus bij deze!

En check ook je collega vragenstellers: Zoeken op GoT naar 'css menu ie'

[ Voor 30% gewijzigd door Room42 op 26-06-2011 16:14 ]

[cpt.skydiver]

Om welke IE gaat het? :hover wordt niet (volledig) ondersteund in IE6 en lager.

edit: net te laat

[ Voor 13% gewijzigd door cpt.skydiver op 26-06-2011 16:12 ]

[kluyze]

Hier werkt de code onder IE9.

Staat je doctype juist? IE wil nogal eens moeilijk doen indien de doctype niet goed staat of ontbreekt. Indien ik het test in een bestand zonder doctype doet de code het niet meer in IE.

[stategamer]

Bedankt heren, het was inderdaad het doctype die ik miste.
Heel raar dat IE daar moeilijk over doet.

Nogmaals bedankt!

[MueR]

Heel stom dat jij het niet gewoon aan IE vertelt. Als jij IE niet vertelt dat je chinees tegen hem gaat praten, gaat hij niet weten dat je chinees praat en doet ie maar wat. Dat is normaal gedrag voor een browser. Jouw fout, niet die van IE.

[zacht]

Je moet altijd een doc-type specificeren, IE of geen IE.
edit: wat hierboven beter omschreven staat.

[ Voor 28% gewijzigd door zacht op 26-06-2011 16:49 ]