ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	}
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 125px;
	width: 200px;
	top: 0;
	display: none;
	
	}
	
ul li ul {
	border-style: none none solid solid; 
border-width: 1px;
border-color: #FFFFFF #FFFFFF}

	
ul li a {
	display: block;
	text-decoration: none;
		}

		
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; }
	
#menu a {
	display: block;
	height: 18px;
	color: #FFFFFF;background-image:url('_themes/finance_blue/hornbutton.gif'); background-repeat:repeat; background-attachment:scroll; font-size:10pt; font-family:Arial; text-align:center; line-height:100%; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

#menu a:hover, #menu .active a {
	border: outset 1px #FFFFFF;
	border style=solid 1px #FFFFFF; background-color: #336699; text-decoration: none;
	color: #FFFFFF;
text-align:center; font-family:Arial; font-size:10pt; line-height:100%; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 	font-weight: bold;}

<ul id="menu">