ul  { text-align: left; list-style: none; margin: 0; padding: 0 }

ul li   { position: relative; width: 180px; float: right }
	
li ul {
	position: absolute;
	right: 0; /* --- */
	top: auto;
	display: none;
	}
li ul ul{
	position: absolute;
	right:100%; /* --- */
	top: -.1em;
	display: none;
	}

/* --- */
ul li a     { color: #757f89; text-decoration: none; background: #fff; display: block; padding: 5px; border-style: none none none solid; border-width: medium medium medium 4px; border-color:    #fff }
/*---*/ 
* html ul li a {height:1%}
/* --- */
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
   { color: #f90; background-color: #fff; text-indent: 3px; border-left: 1px solid #f90; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1   }

/* --- */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
  { color: #777; background-color: #fff; border-left: 1px solid #ccc; -moz-opacity: 0.9; filter: alpha(opacity=90); opacity: 0.9 }
li ul li a  { font-size: 12px; padding: 2px 5px } /* --- */
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;
}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
	display: block;
}