Hallo zusammen, folgendes Problem:
Habe ein Menü erstellt wo es an manchen stellen rechts erweitert wird. Jetzt zeigt mir der firefox das menü zwar richtig an, doch im IE wird das Menü mit einem rahmen gezeigt.
hier mal den Quellcode:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Drop-Down Menus: Part 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
/*<![CDATA[*/
function IEHoverPseudo() {
var navItems = document.getElementById("primary-nav").getElementsByTagName("li");
for (var i=0; i<navItems.length; i++) {
if(navItems[i].className == "menuparent") {
navItems[i].onmouseover=function() { this.className += " over"; }
navItems[i].onmouseout=function() { this.className = "menuparent"; }
}
}
}
window.onload = IEHoverPseudo;
/*]]>*/
</script>
<style type="text/css">
body { font: normal 62.5% arial; }
ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
width: 191px; /* Width of Menu Items */
height: auto;
background: #559EA3; /* IE6 Bug */
font-size: 100%;
}
ul#primary-nav li {
position: relative;
list-style: none;
}
ul#primary-nav li a {
display: block;
text-decoration: none;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; }
* html ul#primary-nav li a { height: 1%; }
/* End */
ul#primary-nav ul {
position: absolute;
display: none;
left: 191px; /* Set 1px less than menu width */
top: 0;
}
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */
ul#primary-nav li.menuparent { background: transparent url(/Shop/Navigation/Bild_Dateien/arrow.gif) right center no-repeat; }
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #A7CDD0; }
ul#primary-nav li a:hover {background-color: #A7CDD0;}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
</style>
</head>
<body>
<!-- Atemschutz Start -->
<ul id="primary-nav" class="menuparent">
<li class="menuparent"><a href="atemschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_atem.jpg" border="0" alt="" /></a><ul>
<li><a href="druckluft.php">Druckluft- Atemschutzsysteme</a></li>
<li class="menuparent"><a href="einwegmasken.php">Einwegmasken</a>
<ul>
<li><a href="ffp1.php">Schutzstufe FFP1</a></li>
<li><a href="ffp2.php">Schutzstufe FFP2</a></li>
<li><a href="ffp3.php">Schutzstufe FFP3</a></li>
</ul></li>
<li><a href="gas.php">Gas- und Kombifilter für Halb- und Vollmasken</a></li>
<li><a href="geblaese.php">Gebläse- Atemschutz</a></li>
<li><a href="halbmasken.php">Halbmasken</a></li>
<li><a href="vollmasken.php">Vollmasken</a></li>
</ul>
</li>
<!-- Atemschutz Ende-->
<!-- Augenschutz Start -->
<li class="menuparent"><a href="augenschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_augen.jpg" border="0" alt="" /></a><ul>
<li class="menuparent"><a href="brillen.php">Brillenzubehör</a>
<ul>
<li><a href="brillenetuis.php">Brillenetuis</a></li>
<li><a href="brillenhalteband.php">Brillenhalteband und -kordel</a></li>
<li><a href="brillenreinigung.php">Brillenreinigung</a></li>
<li><a href="brillenstation.php">Brillenstation und -box</a></li>
</ul></li>
<li class="menuparent"><a href="gesichtsschutzschirme.php">Gesichtsschutzschirme</a>
<ul>
<li><a href="gesichtsschutzschirme_industrie.php">Gesichtsschutzschirme Industrie</a></li>
</ul></li>
<li class="menuparent"><a href="lupen.php">Lupen</a>
<ul>
<li><a href="fadenzaehler.php">Fadenzähler</a></li>
<li><a href="kopfbandlupen.php">Kopfbandlupen</a></li>
<li><a href="messlupen.php">Messlupen</a></li>
</ul></li>
<li class="menuparent"><a href="schutzbrillen.php">Schutzbrillen</a>
<ul>
<li><a href="buegelbrillen.php">Bügelbrillen</a></li>
<li><a href="spezialbrillen.php">Spezialbrillen</a></li>
<li><a href="vollsichtbrillen.php">Vollsichtbrillen</a></li>
<li><a href="tubehoerbrillen.php">Zubehör für Schutzbrillen</a></li>
</ul></li></ul>
<!-- Augenschutz Ende-->
<!-- Erste Hilfe Start -->
<li class="menuparent"><a href="erstehilfe.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_erstehilfe.jpg" border="0" alt="" /></a></li>
<!-- Erste Hilfe Ende -->
<!-- Fussschutz Start -->
<li class="menuparent"><a href="fussschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_fuss.jpg" border="0" alt="" /></a><ul>
<li><a href="berufsschuhe.php">Berufsschuhe EN 347</a></li>
<li class="menuparent"><a href="sicherheitsschuhe.php">Sicherheitsschuhe EN 345</a>
<ul>
<li><a href="sicherheitsschuhes1.php">nach EN 345 S1</a></li>
<li><a href="sicherheitsschuhes2.php">nach EN 345 S2</a></li>
<li><a href="sicherheitsschuhes3.php">nach EN 345 S3</a></li>
</ul></li></ul>
<!-- Fussschutz Ende -->
<!-- Gehörschutz Start -->
<li class="menuparent"><a href="gehoehrschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_gehoer.jpg" border="0" alt="" /></a><ul>
<li><a href="buegelgehoer.php">Bügelgehörschützer</a></li>
<li><a href="gehoerschutzstoepsel.php">Gehörschutzstöpsel</a></li>
<li><a href="gehoerschutzstoepsel_band.php">Gehörschutzstöpsel mit Band</a></li>
<li class="menuparent"><a href="kapselgehoerschutz.php">Kapselgehörschutz</a>
<ul>
<li><a href="kapselgehoerschutz_industrie.php">für Industrieschutzhelme</a></li>
<li><a href="kapselgehoerschutz_elektronik.php">mit Elektronik</a></li>
<li><a href="kapselgehoerschutz_funk.php">mit integriertem Funkgerät</a></li>
<li><a href="kapselgehoerschutz_faltbar.php">faltbar</a></li>
<li><a href="kapselgehoerschutz_passiv.php">passiv</a></li>
</ul></li></ul>
<!-- Gehörschutz Ende-->
<!-- Handschutz Start -->
<li class="menuparent"><a href="handschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_hand.jpg" border="0" alt="" /></a> <ul>
<li><a href="baumwoll.php">Baumwollhandschuhe</a></li>
<li><a href="einweghand.php">Einweghandschuhe</a></li>
<li><a href="hitzeschutzhand.php">Hitzeschutzhandschuhe</a></li>
<li><a href="kaelteschutzhand.php">Kälteschutzhandschuhe</a></li>
<li><a href="latexhand.php">Latex-Handschuhe</a></li>
<li class="menuparent"><a href="lederhand.php">Lederhandschuhe</a>
<ul>
<li><a href="nappalederhand.php">Nappaleder</a></li>
<li><a href="rindlederhand.php">Rindnarbenleder</a></li>
<li><a href="schweinslederhand.php">Schweinsleder</a></li>
<li><a href="schweinsvolllederhand.php">Schweinsvollleder</a></li>
<li><a href="spaltlederhand.php">Spaltleder</a></li>
</ul></li>
<li><a href="neoprenhand.php">Neopren-Handschuhe</a></li>
<li><a href="nitrilhand.php">Nitrilhandschuhe</a></li>
<li><a href="nylonhand.php">Nylonhandschuhe</a></li>
<li><a href="pvchand.php">PVC-Handschuhe</a></li>
<li><a href="schnitthand.php">Schnittschutzhandschuhe</a></li>
<li><a href="strickhand.php">Strickhandschuhe</a></li>
</ul></li>
<!-- Handschutz Ende -->
<!-- Hautschutz Start -->
<li class="menuparent"><a href="hautschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_haut.jpg" border="0" alt="" /></a> </li>
<!-- Hautschutz Ende -->
<!-- Kopfschutz Start -->
<li class="menuparent"><a href="kopfschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_kopf.jpg" border="0" alt="" /></a><ul>
<li><a href="schutzhelm.php">Schutzhelm-Kombinationen</a> </li>
<li><a href="schutzhelme.php">Schutzhelme</a> </li>
</ul></li>
<!-- Kopfschutz Ende-->
<!-- Körperschutz Start -->
<li class="menuparent"><a href="koerperschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_koerper.jpg" border="0" alt="" /></a> <ul>
<li class="menuparent"><a href="schuerze.php">Arbeitsschürzen</a>
<ul>
<li><a href="chemschuerze.php">Chemikalienschutzschürzen</a></li>
<li><a href="einwegschuerze.php">Einwegschürzen</a></li>
<li><a href="lederschuerze.php">Lederschürzen</a></li>
<li><a href="stoffschuerze.php">Stoff- und Segeltuchschürzen</a></li>
</ul></li>
<li class="menuparent"><a href="kleidung.php">Berufsbekleidung</a>
<ul>
<li><a href="mascotkleidung.php">MASCOT-Berufsbekleidung</a></li>
<li><a href="pionerkleidung.php">PIONER-Berufsbekleidung</a></li>
<li><a href="pkakleidung.php">pka-Berufsbekleidung</a></li>
<li><a href="zunfkleidung.php">Zunftbekleidung</a></li>
</ul></li>
<li><a href="chemkleidung.php">Chemikalschutzbekleidung</a></li>
<li><a href="einwegkleidung.php">Einwegbekleidung</a></li>
<li><a href="kaeltekleidung.php">Kälte- und Nässeschutzbekleidung</a></li>
<li><a href="overall.php">Pflanzenschutzoverall</a></li>
<li><a href="polo.php">Polo-Shirts</a></li>
<li><a href="sweat.php">Sweat-Shirts</a></li>
<li><a href="tshirt.php">T-Shirts</a></li>
</ul></li>
<!-- Körperschutz Ende -->
<!-- Sicher+Retten Start -->
<li class="menuparent"><a href="sichern_retten.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_sichern.jpg" border="0" alt="" /></a> <ul>
<li><a href="absturz.php">Absturzsicherung, horizontal und mobil</a></li>
<li><a href="absturzset.php">Absturzsicherungsset</a></li>
<li><a href="anschlag.php">Anschlagpunkte, Verbindungselemente und Zubehör</a></li>
<li><a href="auffang.php">Auffanggeräte, mitlaufend</a></li>
<li class="menuparent"><a href="auffanggurte.php">Auffanggurte</a>
<ul>
<li><a href="elastisch.php">Elastisch</a></li>
<li><a href="standart.php">Standart</a></li>
<li><a href="multi.php">Multifunktionsweste mit integriertem Auffanggurt</a></li>
</ul></li>
<li><a href="dreibock.php">Dreibock, Davitausleger und Höhensicherungsgerät</a></li>
<li><a href="halteausruestung.php">Halteausrüstungen</a></li>
<li><a href="hoehensicherung.php">Höhensicherungsgeräte</a></li>
<li class="menuparent"><a href="verbindung.php">Verbindungsmittel</a>
<ul>
<li><a href="gurtband.php">Gurtband mit Bandfalldämpfer</a></li>
<li><a href="manyard.php">MANYARD - Bandfalldämpfer</a></li>
<li><a href="rueckhalt.php">Rückhalteseile</a></li>
<li><a href="seil.php">Seil mit Bandfalldämpfer</a></li>
</ul></li></ul>
<!-- Sicher+Retten Ende -->
<li class="menuparent"><a href="feuerwehr.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_feuer.jpg" border="0" alt="" /></a> </li>
<li class="menuparent"><a href="kennzeichnung.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_kennzeichnung.jpg" border="0" alt="" /></a> </li>
<li class="menuparent"><a href="reinigung_hygiene.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_reinigung.jpg" border="0" alt="" /></a> </li>
<li class="menuparent"><a href="rettungsdienst.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_rettung.jpg" border="0" alt="" /></a> </li>
<li class="menuparent"><a href="schweisserschutz.php"><img src="/Shop/Navigation/Bild_Dateien/Woldo_Web_schweisser.jpg" border="o" alt="" /></a> </li>
</ul>
</body>
</html>
Hoffe jemand kann mir dabei helfen.
catfli
