nicht angemeldet
Warum funktioniert meine Menubar nur im FF
Ich habe auf einer Seite Testhalber eine Menubar in CSS geschrieben und eingebaut. Kann mir jemand erklären warum die Menubar nicht im IE funktioniert?
<HTML>
<HEAD>
<TITLE>Polizeisportverein Tirol</TITLE>
<META NAME="AUTHOR" CONTENT="rief">
<META NAME="CREATED" CONTENT="0;0">
<META NAME="CHANGED" CONTENT="20090524;16320600">
<META NAME="KEYWORDS" CONTENT="Polizeisportverein, Polizeisport, Tirol, Sport">
<style type="text/css">
#cssm1 *{ padding:0; margin: 0; }
#cssm1 {position: relative; z-index: 99; top: 0px; left: 0px; position: relative; left:0; top:0; float: left; margin:0; line-height: 25px; }
#cssm1 a{ display: block; border-bottom: 0px solid #fff; background: rgb(186,203,255); text-decoration: none; style="Font-Family: Arial" padding: 0px 0px; }
#cssm1 a:hover{ background: rgb(119,149,255); }
#cssm1 ul li, #cssm1 ul li ul li{ width: 126px; }
#cssm1 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{
display:none;
list-style-type:none;
width: 126px;
}
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul{
display:block;
}
#cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul{
position: absolute;
left: 126px; top: 10;
}
#cssm1 ul li ul, #cssm1 ul li ul li ul{ clear: left; margin-top: -30px; }
#cssm1:hover #cssm3{ display:none; }
</style>
<style type="text/css">
#cssm2 * { padding:0; margin: 0; }
#cssm2 {position: relaitve; z-index: 99; top: 0px; left: 127px; position: relative; left:0; top:0; float: left; margin:0; line-height: 30px; }
#cssm2 a { display: block; border-bottom: 0px solid #fff; background: rgb(186,203,255); text-decoration: none; padding: 0px 0px; }
#cssm2 a:hover { background: rgb(119,149,255); }
#cssm2 ul li, #cssm1 ul li ul li { width: 127px; }
#cssm2 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{
display:none;
list-style-type:none;
width: 127px;
}
#cssm2:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {
display:block;
}
#cssm2:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {
position: relative;
left: 127px; top: 10;
}
#cssm2 ul li ul, #cssm1 ul li ul li ul { clear: left; margin-top: -30px; }
#cssm2:hover #cssm3 { display:none; }
</style>
</HEAD>
<BODY topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<CENTER>
<TABLE BORDER=0 CELLSPACING=0>
<TR>
<TH width=760 valign="top">
<IMG SRC="PolTir.png"><A HREF="impr.html" TARGET="framewin" border="0"><IMG SRC="ImpKon.png" BORDER=0></A><a href="Kontakt.html" target="framewin" border="0"><img src="Kontakt.png" border="0"></a><BR><IMG SRC="LogHea.png"><br>
<div id="cssm1">
<ul>
<li><a href="main_news.html" target="framewin" border="0"><img src="Home.png" border="0"></a></li>
<li><a href="main_news.html" target="framewin" border="0"><font color="#0000FF" size=2 face="Arial">Aktuelles</a></li>
<li><a href="main_akti.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Aktionen</a></li>
</ul>
<div id="cssm3"><img src="Home.png" border="0"></div>
</div><div id="cssm2">
<ul>
<li><a href="#" border="0"><img src="Orga.png" border="0"></a></li>
<li><a href="vorstand.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Vorstand</a></li>
<li><a href="statuten.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Statuten</a></li>
<li><a href="Ehrenmitglieder.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Ehrenmitglieder</a></li>
<li><a href="mitgliedschaft.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Mitgliedschaft</a></li>
<li><a href="repraesentation.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Repräsentation</a></li>
</ul>
<div id="cssm3"><img src="Orga.png" border="0"></div>
</div><div id="cssm1">
<ul>
<li><a href="#" border="0"><img src="Sekt.png" border="0"></a></li>
<li><a href="schialpin.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Schi/Alpinsport</a></li>
<li><a href="eishockey.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Eishockey</a></li>
<li><a href="fussball.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Fussball</a></li>
<li><a href="golf.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Golf</a></li>
<li><a href="kegeln.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Kegeln</a></li>
<li><a href="leichta.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Leichtathletik</a></li>
<li><a href="motorsport.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Motorsport</a></li>
<li><a href="radsport.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Radsport</a></li>
<li><a href="schach.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Schach</a></li>
<li><a href="schiessen.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Schiessen</a></li>
<li><a href="schwimmen.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Schwimmen</a></li>
<li><a href="tennis.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Tennis</a></li>
<li><a href="triathlon.html" target="framewin"><font color="#0000FF" size=2 face="Arial">Triathlon</a></li>
</ul>
<div id="cssm3"><img src="Sekt.png" border="0"></div>
</div><a href="gallselect.html" target="framewin" border=0><img src="Gall.png" border=0></a><a href="spon.html" target="framewin" border=0><img src="Spon.png" border=0></a><a href="Links.html" target="framewin" border=0><img src="Link.png" border=0></a><br><iframe name="framewin" src="main_news.html" frameborder=0 width=760 height=440 scolling="no"></iframe>
</TH>
<TH width=138 VALIGN=TOP background="lnk_bg.png">
<BR><BR><BR><BR><BR><BR><BR><A HREF="http://www.hypotirol.com/"><IMG SRC="lnk_hypo.png" BORDER=0></A><BR><A HREF="http://www.obv.at/"><IMG SRC="lnk_obv.png" NAME="Grafik9" ALIGN=BOTTOM WIDTH=135 HEIGHT=66 BORDER=0></A><BR><BR><BR><A HREF="http://www.bike-point.at/"><IMG SRC="lnk_bp.png" NAME="Grafik10" ALIGN=BOTTOM WIDTH=128 HEIGHT=64 BORDER=0></A><br>
<br><br><br><a href="Motorsport.html#1" target="framewin">Nächster Termin:<br>Motorradausfahrt<br>von 12.-13. August</a>
</TH>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Ich hoffe ihr könnt mir helfen.
-
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul{
ältere IEs mögen :hover nur bei Links
Die Verschachtelung von gehoverten Elementen ist Quatsch