Edit in JSFiddle

<nav class='drop-menu'>
Menu  
    <ul>
        <li><a href='URL'>Home</a></li>
        <li><a href='URL'>Blogger</a></li>
        <li><a href='URL'>Dicas</a></li>
        <li><a href='URL'>Tutoriais</a></li>
        <li><a href='URL'>Arquivo</a></li>
        <li><a href='URL'>Sobre</a></li>
        <li><a href='URL'>Contato</a></li>
    </ul>
</nav>

<nav class='drop-menu'>
Menu  
    <ul>
        <li><a href='URL'>Home</a></li>
        <li><a href='URL'>Blogger</a></li>
        <li><a href='URL'>Dicas</a></li>
        <li><a href='URL'>Tutoriais</a></li>
        <li><a href='URL'>Arquivo</a></li>
        <li><a href='URL'>Sobre</a></li>
        <li><a href='URL'>Contato</a></li>
    </ul>
</nav>

nav.drop-menu {
  position:relative;
  padding:10px 15px;
  background:#4F4F4F;
  width:200px;
  font:bold 12px Arial,Sans-Serif;
  text-transform:uppercase;
  color:#00FF00;
}

nav.drop-menu:after {
  content:"";
  width:0px;
  height:0px;
  border:5px solid transparent;
  border-top-color:#00FF00;
  position:absolute;
  top:16px;
  right:14px;
}

nav.drop-menu ul {
  position:absolute;
  top:100%;
  left:0px;
  z-index:99;
  text-transform:none;
  margin:0px;
  padding:0px;
  background:#4F4F4F;
  width:100%;
  font-weight:normal;
  display:none;
}

nav.drop-menu li {
  list-style:none;
  margin:0px;
  padding:0px;
}

nav.drop-menu li a {
  display:block;
  margin:0px;
  padding:7px 15px;
  text-decoration:none;
  color:#9ACD32;
}

nav.drop-menu li a:hover {
  background:#696969;
  padding-left:19px;
}

nav.drop-menu:hover ul {
  display:block;
}