nav {
  background: #DA4453;
  overflow: hidden;
  float:right;
}

nav ul { margin:0;float:right }

nav ul li { float: right; }
nav ul li.Active a
{
    background:#f6949e;
}
nav ul li.more {
  width: 3em;
  text-align: center;
  display: none;
}

nav ul li.more:hover ul#overflow {
  opacity: 1;
  visibility: visible;
}

nav ul li a,
nav ul li span {
  display: block;
  background: #DA4453;
  color: #fff;
  text-decoration: none;
  padding: 1em;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

nav ul li a:hover,
nav ul li span:hover { background: #ED5565; }

nav #overflow {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: left;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

nav #overflow li { float: none; }

nav #overflow li a {
  background: #34BC9D;
  white-space: nowrap;
}

nav #overflow li a:hover { background: #46CFB0; }