Hallo zusammen,

ich habe auf dieser Seitehttp://tributer.spacequadrat.de/ ein Drop-Down Menu erstellt. (Bzw. es versucht)

Allerdings verschwindet es wieder wenn man den Button verlässt.

Die Codes dafür sehen so aus.

HTML:

  
<ul id="menu" >  
<li><a href="">Home</a>  
<div><a href="">News</a>  
	<a href="">Weiteres</a></div>  
</li>

CSS:

ul#menu  {  
  
     width: 800px;  
     height: 40px;  
     margin: Auto;  
     padding: 0px;  
     Background-color: #033649;  
	  
  
}  
  
ul#menu li  {  
     width: 198px;  
     height: 28px;  
     float: left;  
     list-style: none;  
     border: 1px solid black;  
     display: Block;  
     text-align: center;  
     padding-top: 0px;  
   }  
  
ul#menu li>div {  
	display:none  
}  
  
ul#menu li:hover div  {  
display: block;  
  
}  
  
  
  
ul#menu li:hover  {  
     width: 198px;  
     height: 28px;  
     float: left;  
     list-style: none;  
     border: 1px solid black;  
     display: Block;  
     text-align: center;  
     padding-top: 0px;  
     background-color: #666666;  
}  
  
ul#menu a  {  
     color: #FFFFFF;  
     text-decoration: none;  
     font-size: 20px;  
	 width: 198px;  
	 height: 32px;  
	 background-image: url(but.jpg);  
	 display:block;  
	 padding-top: 8px;  
}  
  
ul#menu a:hover {  
	color:#3F0;  
}

Leider komme ich nicht auf meinen Fehler.

Hat vielleicht wer eine Lösung?

Mfg Tributer