Drop Down Menu verschwindet wieder

[Tributer]

Was muss ich denn genau dafür ändern?

habe jetzt.
 ~~~css 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:none;
position:absolute;
}

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

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

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

Ohne per class .drop den Float zu clearen sind sie nebeneinander. Jedoch auch noch verschoben.

Mit der Aufhebung des Floats siehts aus wie vorher..

Ich glaub ich versteh dich nicht richtig.

Die Aktuelle variante ist auch wieder hochgeladen.

Mfg Michael