Problema con listas

[charlyta]

Hola! tengo este menu, pero deseo crear subniveles, tampoco me funciona clase activo. Alguna idea? Mil gracias!! ;)


CSS

Código HTML:

 #subNavigation {
	FLOAT: left;
	PADDING-BOTTOM: 40px;
	MARGIN: -0.5em 20px 0px 0px;
	WIDTH: 170px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}
#subNavigation LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.08em; BACKGROUND: url(subnav_rule.gif) no-repeat left bottom; PADDING-BOTTOM: 0.5em; LINE-HEIGHT: 1.53em; PADDING-TOP: 0.5em
}
#subNavigation LI A:link {
	DISPLAY: block; PADDING-LEFT: 10px; COLOR: #666
}
#subNavigation LI LI {
	DISPLAY: block; PADDING-LEFT: 30px; COLOR: #d0431d; padding-top:10px;BACKGROUND: url(square_bullet.gif) no-repeat 30px 1.3em;
}
#subNavigation LI A:visited {
	DISPLAY: block; PADDING-LEFT: 10px; COLOR: #666
}
#subNavigation LI A:hover {
	BACKGROUND: url(square_bullet.gif) no-repeat 0px 0.6em; COLOR: #d0431d; TEXT-DECORATION: none
}
#subNavigation LI A:active {
	BACKGROUND: url(square_bullet.gif) no-repeat 0px 0.6em; COLOR: #d0431d; TEXT-DECORATION: none
}

HTML

Código HTML:

<UL id=subNavigation>
  <LI ><A href="#">Mission  Statement</A>

  <LI><A href="#">Our aims</A>

  <LI><A href="#">Ofsted  report</A> 
  <LI><A  href="#">Language  College</A> 
  <LI><A href="#">Gallery</A>
  <LI><A href="#">Staff</A> 
  <LI><A  href="#">Leadership  team</A> 
  <LI><A href="#">Governors</A> 
  <LI><A href="#">Departments</A> 
  </LI></UL>
<!-- end sub navigation -->