NAVIGATIONS-Probleme (vermutlich z-index)

Hallo,

es geht um www.avex-gaming.de

^^ Im Internet Explorer wird die Dropdown Navi nicht richtig angezeigt

Weiß einer woran das liegte?

Hier die Codes:

quote:

<div id="navi">
<ul>
<li style="width: 107px;"><img alt="NAVILEFT" style="width: 107px;" src="Bilder/navileft.png"/></li>
<li style="width: 68px;"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Main','','http://avex-gaming.de/templates/AveX Gaming/Bilder/mainover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/main.png" alt="Main" name="Main" border="0" id="Main" /></a>
<ul>
<li style="z-index: 5;"><a href="index.php?mod=news&action=recent">News</a></li>
<li><a href="index.php?mod=board">Forum</a></li>
<li><a href="index.php?mod=gbook">Guestbook</a></li>
</ul>
</li>

<li style="width: 77px;"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Clan','','http://avex-gaming.de/templates/AveX Gaming/Bilder/clanover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/clan.png" alt="Clan" name="Clan" border="0" id="Clan" /></a>
<ul>
<li><a href="index.php?mod=members&action=teams">Squads</a></li>
<li><a href="index.php?mod=history">History</a></li>
<li><a href="index.php?mod=wars">Clanwars</a></li>
<li><a href="index.php?mod=joinus&action=new">Join us</a></li>
<li><a href="index.php?mod=fightus&action=new">Fight us</a></li>
</ul>
</li>

<li style="width: 81px;"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Misc','','http://avex-gaming.de/templates/AveX Gaming/Bilder/miscover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/misc.png" alt="Misc" name="Misc" border="0" id="Misc" /></a>
<ul>
<li><a href="index.php?mod=events&action=calendar">Kalendar</a></li>
<li><a href="index.php?mod=board">Forum</a></li>
<li><a href="index.php?mod=gbook">Guestbook</a></li>
</ul>
</li>

<li style="width: 123px; z-index: 5"><a href="index.php?mod=links&action=sponsors" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sponsoren','','http://avex-gaming.de/templates/A
veX Gaming/Bilder/sponsorenover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/sponsoren.png" alt="Sponsoren" name="Sponsoren" border="0" id="Sponsoren" /></a> </li>

<li style="width: 104px;"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','http://avex-gaming.de/templates/Ave
X Gaming/Bilder/kontaktover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/kontakt.png" alt="Kontakt" name="Kontakt" border="0" id="Kontakt" /></a>
<ul>
<li><a href="index.php?mod=contact&action=mail">Kontakt</a></li>
<li><a href="index.php?mod=contact&action=imprint">Impressum</a></li>
</ul>
</li>

<li style="width: 81px;"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Media','','http://avex-gaming.de/templates/AveX Gaming/Bilder/mediaover.png',1)"><img src="http://avex-gaming.de/templates/AveX%20Gaming/Bilder/media.png" alt="Media" name="Media" border="0" id="Media" /></a>
<ul>
<li><a href="index.php?mod=gallery">Galerie</a></li>
<li><a href="index.php?mod=files">Downloads</a></li>
</ul>
</li>
<li style="width: 209px;"><img alt="NAVIRIGHT" style="width: 211px; margin-left: -1px; margin-bottom: -2px; height: 33px;" src="Bilder/naviright.png"/></li>
</ul>
</div>

und die dropdown.css

quote:

ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 5;
}
li {
float: left;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
width: 128px;
background-image: url(Bilder/dropdown_bg.png);
text-align: center;
z-index: 5;
}
li a:link, li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
z-index: 5;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul { display: block;
z-index: 5;
}

GFX-Sector - HTML, CSS

HTML, CSS

NAVIGATIONS-Probleme (vermutlich z-index)

NAVIGATIONS-Probleme (vermutlich z-index)

Have you enjoyed this topic?