Drop Down Menu verschwindet wieder

[Tributer]

Ok hab das mal als Liste gemacht.

Allerdings bekomme ich das jetzt nicht sauber untereinander.

Siehe Online

CSS:~~~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>ul {
display:block;
}

ul#menu li:hover ul  {
display: block;
}

ul#menu ul  {
position: relative;
margin: auto;
list-style: none;
}

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;
}

  
~~~html
<ul id="menu" >  
<li><a href="">Home</a>  
<ul><li><a href="">News</a></li>  
	<li><a href="">Weiteres</a></li>  
</ul>  
</li>  
<li><a href="">About</a>  
<ul><li><a href="">News</a></li>  
	<li><a href="">Weiteres</a></li>  
</ul>

Vielen Dank schon mal für die Hilfe