ul {	margin: 0; padding: 0; list-style: none; width: 167px; /* Width of Menu Items */ border-bottom: 1px solid #fff;	}
ul li { position: relative; text-align: left;  }
li ul { position: absolute; left: -167px; /* Set 1px less than menu width */ top: 0; display: none;	}
ul li a { display: block; text-decoration: none; color: #777; padding: 5px; border: 1px solid #fff; border-bottom: 0; border-left: 0; border-right: 0; color: #33335A; background: #DBDFE6 url(../images/button_out.gif) repeat-x; }
 
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
 
ul li a:hover, ul li a.active { color: #fff; background: #CA7A05 url(../images/button_over.gif) repeat-x; font-weight: bold; } /* Hover Styles */
li ul li a { padding: 5px; border: 1px solid #fff; border-bottom: 0; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */