✔ Drop down

[Samy-Deluxe]

Yo leute, ich habe folgendes problem:
Ich habe ein Style mit nem drop down menu gemacht. Mit CSS, alles funktioniert schön im Mozilla firefox, aber doch im IE, kommt kein menu, wenn ich mit der maus darüber fahr.

CSS CODE

 ul#navlist {
 text-align:center;
  text-transform: uppercase;
  font-family: sans-serif;
  }

ul#navlist a
{
font-weight: bold;
text-decoration: none;

 }

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li {
width:198px;
 float: left; background:url(images/li_a.gif);
 }
  ul#navlist li#head{
 height:31px;
 width:198px;
 background:url(images/li.gif)
 }
  ul#navlist li#head:hover{
 height:31px;
 width:198px;
 background:url(images/li_hover.gif)
 }
ul#navlist li a
{
color: #ffffff;

padding: 0px;
}

ul#navlist li a:hover
{
color: #0066ff;
}
ul#navlist li:hover{background:url(images/li_a_hover.gif);}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 10px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 198;
border: none;
padding: 0px;
}

teil im HTML

<div id="navcontainer">
<ul id="navlist">
<li id="head"><a href="#">Main</a>
<ul id="subnavlist">
 <li><a href="index.php?show=news">News</a></li>
              <li><a href="index.php?show=gbook">Guestbook</a></li>
              <li><a href="index.php?show=board">Forum</a></li>
			  <img src="images/bottom.gif">
</ul>

</li>

 

[Maik]

Der IE wendet die Pseudoklasse :hover nur auf das a-Element an (= a:hover) und ünterstützt nicht die übrigen HTML-Elemente (in deinem Fall li:hover), so wie es die modernen Browsers können. Um die Submenüs im IE ein- u. ausblenden zu können, ist JavaScript erforderlich:

1. A List Apart: Articles: Suckerfish Dropdowns
   
   
2. SELFHTML: Dynamisch Navigationsleisten auch im IE einblenden

 

[Samy-Deluxe]

yo Danke man dachte ich mir schon.