Edit in JSFiddle

#nav {
  background:#333333;
  list-style-type:none;
  overflow:hidden;
  padding:0px;
  margin:5px 12px;
}
#nav li {
  float:left;
}
#nav li a {
  display:block;  
  color:#ffffff;  
  text-decoration:none;
  padding:10px 22px;
}
#nav li a:hover {
  background-color: #111111;
}
.active {
  background-color: #4CAF50;
}

<ul id="nav">
   <li><a href="#" class="active">Item1</a></li>
   <li><a href="#">Item2</a></li>
   <li><a href="#">Item3</a></li>
   <li><a href="#">Item4</a></li>
   <li><a href="#">Item5</a></li>
</ul>