.dropdown {
  position: relative;
  display: inline-block; 
  min-width: 14em;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width:100%;
  height:14em;
  z-index: 1;
  overflow: scroll;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-title {
  display:block;
  max-width:100%;
  padding: .5em 1em .5em 1em;
  background-color: #606060;
  margin: 0em;
  border-bottom: 1px solid #333;
  text-decoration:none;
  font-size:1em;
}

.dropdown ul {list-style:none; margin: 0em; padding:0;}
.dropdown li {}
.dropdown li a {
  display:block;
  max-width:100%;
  padding: .5em 1em .5em 1em;
  background-color: #606060;
  margin: 0em;
  border-bottom: 1px solid #333;
  text-decoration:none;
  font-size:1em;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
}


.dropdown li a:link {color: #DDDDDD;}
.dropdown li a:hover {background-color:#808080; color:#DDD;}
.dropdown li a:visited {color:#DDDDDD;}