CSS menu werkt niet in IE.

Ik heb een menu in CSS die perfect werkt in Firefox en Safari. Maar totaal niet in IE :roll: Wie ziet de fout? Of moet ik het helemaal anders aanpakken?

De CSS:[code:1:10943cd2ba]body {
background-color: #996600;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
ul.Menu, ul.Menu ul {
width: 150px;
height: 150px;
border: 1px dotted #000;
background-image: url(‘menu_bg.gif’);
padding-left: 0px;
cursor: default;
margin-left: 0px;
}
ul.Menu li {
list-style-type: none;
margin: 0px;
position: relative;
color: #fff;
}
ul.Menu li > ul {
display: none;
position: absolute;
top: 2px;
left: 78px;
z-index: 1;
}
ul.Menu li:hover, ul.Menu li.CSStoHighlight {
background-color: #ffa;
color: #000;
}
ul.Menu ul.CSStoShow {
display: block;
}
ul.Menu li:hover > ul {
display: block;
}
/* and some link styles */

ul.Menu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.Menu li a:hover, ul.Menu li a.CSStoHighLink { color: #000; }
ul.Menu li:hover > a { color: #000; } /* supports links in branch headings - must not be display: block; */
–></style>
<!–[if gte IE 5]><![if lt IE 7]>
<style type="text/css">
/
ul.Menu li {
behavior: url( IEmen.htc );
}
ul.Menu ul {
display: none; position: absolute; top: 2px; left: 78px;
}
</style>
<![endif]><![endif]–>[/code:1:10943cd2ba]

En de pagina:

[code:1:10943cd2ba]<ul class=“Menu”>
<li>&gt&gt Menu</li>
<li>&gt;&gt; Kleding
<ul>
<li>&gt;&gt; Aanbiedingen
<ul>
<li><a href="#" target=“iframe”>Essentials</a>
<li><a href="#" target=“iframe”>Friendz & Red Street</a>
<li><a href="#" target=“iframe”>SOHO New York</a>
</ul>
<li>&gt;&gt; Nieuw
<ul>
<li><a href="#" target=“iframe”>Mannen</a>
<li><a href="#" target=“iframe”>Vrouwen</a>
<li><a href="#" target=“iframe”>Meisjes</a>
<li><a href="#" target=“iframe”>Jongens</a>
</ul>
</ul>
<li>&gt;&gt; Info
<ul>
<li>Uw Maat
<li>Ruilen
</ul>
<li>&gt;&gt; Schoolartikelen
<ul>
<li><a href="#" target=“iframe”>Bureau artikelen</a>
<li><a href="#" target=“iframe”>Rugzakken</a>
<li><a href="#" target=“iframe”>Funstuff</a>
</ul>
<li>&gt;&gt; Speelgoed
<ul>
<li><a href="#" target=“iframe”>tot 6 jaar</a>
<li><a href="#" target=“iframe”>6 t/m 12 jaar</a>
<li><a href="#" target=“iframe”>Spelcomputers</a>
<li><a href="#" target=“iframe”>Bordspellen</a>
</ul>
<li>&gt;&gt; Media
<ul>
<li><a href="#" target=“iframe”>CD</a>
<li><a href="#" target=“iframe”>DVD</a>
<li><a href="#" target=“iframe”>Films</a>
<li><a href="#" target=“iframe”>Top 20 CD’s</a>
<li><a href="#" target=“iframe”>Top 20 films</a>
</ul>
<li>&gt;&gt; Informatie
<ul>
<li><a href="#" target=“iframe”>Airmails</a>
<li><a href="#" target=“iframe”>Locaties</a>
<li><a href="#" target=“iframe”>Ruilen</a>
<li><a href="#" target=“iframe”>Openingstijden</a>
</ul>
</ul>[/code:1:10943cd2ba]

Liever geen commentaar op het gebruik van een iframe, m’n klasgenoot wou dit persee :sealed:

Volgens mij moet je javascript gebruiken. Op de ALA website staan verscheidene [url=http://search.atomz.com/search/?sp-q=dropdown+menu&x=0&y=0&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All]voorbeelden[/url] van dropdowns. Misschien kun je daar eens naar kijken, of misschien heb je dat al gedaan.

Ik heb geen kaas gegeten van Javascript, dus weet jij welke ik moet gebruiken en hoe?

Kun je geen link posten naar de live-pagina?

Nee, hij staat niet online, en komt ook niet online te staan. Het is voor school.

Of weet iemand een site waar ik gratis een HTML pagina kan hosten?

Het is me gelukt!

http://www.naarvoren.nl/artikel/hover/cssmenu.html
Dit heb ik toe gepast.