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

Die innere Liste musst du absolut positionieren.
Denn du willst ja nicht, dass bei der Anzeige sich der Inhalt verschiebt.

mfg Beat