Wayfinder - Submenu (CSS Problem???)

<!-- Menue begin -->
    <div id="menu" align="left">[!Wayfinder? &startId=`0` &hideSubMenus=`true` &outerTpl=`menu_tpl` &level=`0`!]</div>
<!-- Menue end -->

#menu li {
 
list-style: none;
padding: -0px;
margin-left: -18px;
width: 100%;



}
 
#menu ul li{
	list-style: none;
	position:relative;
	display:block;
	padding: 0px;
	width: 100%;
	margin-left: -18px;
	
	
}



#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center;  
  color:#004993;
  display:block; 
  width:10em; 
  border:1px solid #004993;
  padding:0.25em;
  margin:0.2em auto;

  } 

#menu a:hover {
position:relative;
display:block; 
padding: 0.25em;
color:#000066;
background-color:#caddea;
text-decoration: none;
width: 10em;
 margin:0.2em auto;
  }

<ul id="menu"[+wf.classes+]>
[+wf.wrapper+]
</ul>

#menu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
 

#menu a, #menu a:visited {
  text-decoration:none; 
  text-align:center;  
  color:#004993;
  display:block; 
  width: 10em; 
  border: 1px solid #004993;
  padding: 0.25em 0.25em 0.25em 1em; 
  } 

#menu a:hover {
color:#000066;
background-color:#caddea;
  }

#Menu ul li ul li a{
border:none;
}