#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
		
#menu li {
	  float: left;
	  position: relative;
	  width: 9.5em;
	  background:#2ca343;
	  height:21px;
	  border:1px solid #fff; 
	  border-width:0 1px 1px 0;
	  margin:5px 0 0px 0px;
}

li#aa {
          float: left;
          position: relative;
          width: 9.3em;
          background:#df6f1d;
          height:21px;
          border:1px solid #fff;
          border-width:0 1px 1px 0;
          margin:5px 0 0px 0px;
}

li#bb {
          float: left;
          position: relative;
          width: 9.3em;
          background:#2ca343;
          height:21px;
          border:1px solid #fff;
          border-width:0 1px 1px 0;
          margin:5px 0 0px 0px;
}

li#cc {
          float: left;
          position: relative;
          width: 9.3em;
          background:#9d3d97;
          height:21px;
          border:1px solid #fff;
          border-width:0 1px 1px 0;
          margin:5px 0 0px 0px;
}
	
#menu li ul {
	  display: none;
	  position: absolute; 
	  top: 1em;
	  left: 0;
}
		
#menu li > ul {
	top: auto;
	left: auto;
}

<!-- li:hover ul { display: block; } IE lack!! --> 
#menu li:hover ul, #menu li.over ul{ 
	display: block;
	top: 1em;
  	left: 0;
}

#menu li:hover, #menu li.over {
	background:#ab5414;
}

#menu ul li a {
	display: block;
	padding: 3px 0px 0px 0px;
	text-decoration: none;
	color: #666666;
	width:145px;
}

/*
#menu a:link {
	color:#000000;
	TEXT-DECORATION: none;
}
#menu a:visited {
	color:#000000;
	TEXT-DECORATION: none
}
#menu a:hover {
	color:#000000;
	TEXT-DECORATION: none;
	font-style: bold;
}
#menu a:active {
	color:#000000;
	TEXT-DECORATION: none
}*/