Hvorfor virker den her dropdownmenu ikke? :S

Hej hej
Kan simpelthen ikke få den her dropdown til og virke.. Den ter sig helt tosset
Den skal se sådan her ud:
*Om mig
*Billeder
-- *Oliebilleder
--*Acrylbilleder
-- *Landskabsbilleder
*udstillinger
*skulpturer
*Kontakt


Rimelig simpelt.. Men hvorfor fanden ser den sådan her ud:
Billede

Kode:

 <ul id="menu">
     <li><a title="Om mig" href="#">Om mig</a></li>
     <li><a title="Mine Billeder" href="#">Billeder</a></li>
 <!--Undermenuer til Billeder-->
 <ul>
     <li><a href="#">Oliebilleder</a></li>
     <li><a href="#">Acrylbilleder</a></li>
     <li><a href="#">Landskabsbilleder</a></li>
 </ul>
 </ul>
 <ul>
     <li><a href="#">udstillinger</a></li>
     <li><a href="#">skulpturer</a></li>
     <li><a href="#">kontakt</a></li>
 
 </ul>

 /*dropdown menu start*/
 #menu ul {
   font-family: Arial, Verdana;
   font-size: 14px;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 #menu ul li {
   display: block;
   position: relative;
   float: left;
 }
 #menu li ul { display: none; }
 #menu ul li a {
   display: block;
   text-decoration: none;
   color: #ffffff;
   border-top: 1px solid #ffffff;
   padding: 5px 15px 5px 15px;
   background: #2C5463;
   margin-left: 1px;
   white-space: nowrap;
 }
 #menu ul li a:hover { background: #617F8A; }
 #menu li:hover ul {
   display: block;
   position: absolute;
 }
 #menu li:hover li {
   float: none;
   font-size: 11px;
 }
 #menu li:hover a { background: #617F8A; }
 #menu li:hover li a:hover { background: #95A9B1; 
 }

På forhånd tak