ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  float: left;
  position: relative;
  width: 105px;
}
.long {
  width: 14em;
  text-align: center;
}
li ul {
  display: none;
  position: absolute; 
  top: 2em;
  left: 9px;
  width: 110px;
  background-color: #466de4;
  text-align: center;
}
li > ul {
  top: auto;
  left: auto;
}
li:hover ul, li.over ul{ 
  display: block; 
}
 li ul li:hover { 
  background-color: #3c901d;
}
li ul a {
    color: #fff;
    font-size: 9pt;
    text-decoration: none;
}
li ul a:visited {
    color: #fff;
    font-size: 9pt;
    text-decoration: none;
}
li ul a:hover {
    color: #fff;
    font-size: 9pt;
    text-decoration: underline;
}
li ul li {
    padding:2px;
    margin-top:2px;
}

.long {
  width: 14em;
}