nemesis-artgroup.de
Hallo Ihr Lieben,
ich bin mal wieder mit meinem Latein am Ende.
Der IE macht mal wieder nicht das was er soll.
Schaut mal bitte hier -> das Menü, FF, Opera alles hübsch IE verweigert bei Menüpunkt "Problem" den z-index :'(
Ich krieg es nicht raus woran es liegt und hoffe auf eure Hilfe.
ich bin mal wieder mit meinem Latein am Ende.
Der IE macht mal wieder nicht das was er soll.
Schaut mal bitte hier -> das Menü, FF, Opera alles hübsch IE verweigert bei Menüpunkt "Problem" den z-index :'(
Ich krieg es nicht raus woran es liegt und hoffe auf eure Hilfe.
Code:
.menu {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #A7A7A7;
float:left;
font-size:13px;
margin-left:-1000px;
margin-top:10px;
padding-bottom:80px;
width:160px;
z-index:1000;
text-align:left;
}
.menuheader {
background-color:#E3B805;
border:medium none !important;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:3px;
text-align:left;
width:154px;
padding-bottom:6px;
padding-top:6px;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
}
* html .menu ul {
margin-left:0;
}
.menu li {
position:relative;
}
.menu table {
border-collapse:collapse;
font-size:13px;
left:0;
position:absolute;
top:0;
z-index:100;
}
.menu a, .menu a:visited {
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
color:#000000;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
text-indent:5px;
width:160px;
}
* html .menu a, * html .menu a:visited {
background:#EFEFEF none repeat scroll 0 0;
}
* html .menu a:hover {
background:#5A5A5A none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
width:160px;
}
.menu :hover > a {
background:#5A5A5A none repeat scroll 0 0;
color:#FFFFFF;
width:160px;
}
.menu ul ul {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #5A5A5A;
left:99px;
position:absolute;
top:0;
visibility:hidden;
z-index:2000;
height:auto !important;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
width:160px;
}
.menu ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul {
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}
HTML:
<div class="menu">
<div id="start">
<ul>
<li><a href="index.php">Startseite</a></li>
</ul>
</div>
<ul>
<li> </li>
<li class="menuheader">unser Angebot</li>
<li><a href="#" >Link</a></li>
<li><a href="#" >Link</a></li>
<li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li> </li>
<li class="menuheader">Link</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li> </li>
<li class="menuheader">Intern</li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div> <!-- ende menu -->