ul { 
padding: 0; 
margin: 0; 
list-style: none; 
width: 140px; 
list-style: none; 
border-bottom: 1px solid #C1D8E6;
font-size: 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul li {
 position: relative; 
}
li ul { 
position: absolute; 
left: 139px; 
top: 0; 
display: none; 
}
ul li a { 
display: block; 
text-decoration: none; 
color: #003399;
background: #EAF4FF;
background-image:  url('images/bullet-arrow.gif') ;
background-repeat: no-repeat;
background-position: 1px 9px;
padding: 5 5 5 10; 
border: 1px solid #ccc; 
border-bottom: 0; 
}
li:hover ul, li.over ul{ 
display: block;
 } 
ul li a:hover {
background: #77CF7F;
background-image:  url('images/bullet-arrow.gif') ;
background-repeat: no-repeat;
background-position: 1px 9px;
text-decoration: none;
}
/* Fix IE. Hide from IE Mac \*/
 * html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
/* End */