#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}
#menu ul li {
  position: relative;
}
#menu li{
position:relative;
list-style: none;
float: left;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 1.5em;
  left: 0;
  }
#menu li:hover > ul {
  display: block;
  background-color: #8cb7df;
  color: #fff;
  padding: 0px 3px 0px 3px;
  width: auto;
}
#menu li ul:hover{
  display: block;
  background-color: #8cb7df;
  color: #fff;
  padding: 0px 3px 0px 3px;
  width: auto;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; }
* html #menu ul li a { height: 1%; }
/* End */
#menu li:hover ul, li.over ul { 
  display: block; }
#menu a:hover {
  color: #fff;
}