/* CSS Document */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 140px; /* Width of Menu Items */
  }
  
ul li {
  position: relative;
  }
  
li ul {
  position: absolute;
  left: 140px; /* Set 1px less than menu width */
  top: 0;
  display: none;
  }
ul li ul li a{
  background-color: #F4F4EF;
  border: 1px #D7D7C2 solid;
  height: 25px;
  padding: 4px;
  }
ul li ul li a:hover{
  background-color:#E5E5E5;
  border: 1px #D7D7C2 solid;
  height: 25px;
  padding: 4px;
  }

/* Styles for Menu Items */
ul li a {
  height:25px;
  display: block;
  text-decoration: none;
  color: #777;
  background-color: #F4F4EF; /* IE6 Bug */
  padding-left: 5px;
  }
ul li a:hover {
  height:25px;
  display: block;
  text-decoration: none;
  color: #777;
  background-color: #E5E5E5; /* IE6 Bug */
  padding: 5px;
  }

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */