/* Source: http://www.w3schools.com/css/tryit.asp?filename=trycss_float5 */
ul{
  list-style-type:none;
  background-color:yellow;
  float:left;
  padding:0px;
  margin:0px;
  width:100%;
}

nav li{
   display:inline; /* Inline element have no line break before or after 
   the element. This forces the list to be on one line */
}

a{
  text-decoration:none;
  color:white;
  background-color:black;
  width:150px;
  float:left;
  border-right:1px solid white;
  padding:2px 6px 2px 6px; /* top left bottom right */
}

a:hover{
	color:yellow;
	background-color:red;
}