#menu {
  list-style: none;
  padding: 0px 0px 0px 0px;
  -webkit-appearance: none;
}

#menu>li {
  display: block;
  position: relative;
  float: left;
  background-color:#3300CC;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  -webkit-appearance: none;
}

#menu>li>a {
  text-decoration:none;
  color: #ffffff;
  -webkit-appearance: none;
}

#menu>li:hover {
  background-color: #00ff00;
  -webkit-appearance: none;
}

#menu>li>ul { 
  display: none; 
  padding: 0px 0px 0px 0px;
  -webkit-appearance: none;
}

#menu>li:hover>ul {
  display: block;
  position: absolute;
  margin-top:5px;
  margin-left:-15px;
  -webkit-appearance: none;
}

}
#menu>li:hover>ul>li {
  float: none;
  -webkit-appearance: none;
}

#menu>li:hover>ul>li>a {
  background: #ff6a00;
  padding: 5px 15px 5px 15px;
  -webkit-appearance: none;
}

#menu>li:hover>ul>li>a:hover { 
  background: #00ffff; 
  -webkit-appearance: none;
}

#menu>li>ul>li>a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  white-space: nowrap;
  -webkit-appearance: none;
}