nicht angemeldet
Bin am verzweifeln, bei mouseover (Kontakt) soll der nächste block angezeigt werden. Alle Browser bis auf IE`s - top.
Die div`s werden mit z-index überlappt.
Hier mein Navigation/css (liegt in einem div "menu") (externe css datei):
/* Navigation mit Listen*/
#menu {
position: absolute;
top: 115px;
left: 100px;
width:90px;
background-color: transparent;
line-height: 125%;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a, #menu h2 {
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-decoration:none;
color:#cfd0d1;
display: block;
margin: 0;
padding: 2px 0px;
}
#menu h2 {
color: #cfd0d1;
background: transparent;
text-transform: uppercase;
}
#menu a {
color: #cfd0d1;
background: transparent;
text-decoration: none;
}
#menu a:hover {
color: #f58220;
background: transparent;
}
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
top: 20px;
left: 10%;
width: 100%;
}
div#menu ul ul, #divmenu ul li:hover ul {
display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul{
display: block;
}
/* Navigation Listen Ende*/
--------------------------------------------------------------------
und hier html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Navi</title>
<meta name="language" content="de" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="14 days" />
<link rel="stylesheet" href="styles/test.css" type="text/css" media="screen, projection" />
</head>
<body>
<div id="container">
<div id="logo"><!-- logo !--></div>
<div id="hgbild"><!-- hgbild!--></div>
<div id="content"><!-- Hauptinhalt !--></div><!-- Ende content !-->
<!-- Beginn Navigation !-->
<div id="menu">
<ul>
<li><h2>Hauptmenü</h2></li>
<li>1.Punkt</li>
<li>2.Punkt</li>
<li>3.Punkt</li>
<li>4.Punkt</li>
<li>5.Punkt</li>
<li>6.Punkt</li>
<li><h2><a href="#">Kontakt</a></h2>
<ul>
<li><a href="#>Kontakt1</a></li>
<li><a href="#">Kontakt2</a></li>
<li><a href="#">Formular</a></li>
</ul>
</li>
</ul>
</div><!-- Ende menu !-->
<!-- Ende Navigation !-->
</div><!-- Ende Container !-->
</body>
</html>
Wo ist der Fehler für die Anzeige im IE???
Kann jemand helfen?!