div#menu {
 margin: 1em 0 5px 0;
 padding: 0;
 background: #333;
 color: #fff;
 height: 30px;
}

div#menu ul {
 margin: 0; 
 padding: 0;
 overflow: hidden;
 list-style-type: none;
}

div#menu ul li {
 float: left;
 display: block;
 font-size: 1.2em;
 padding: 0.2em 2em;
 text-transform: uppercase;
 border-right: solid 1px;
}

div#menu ul li a {
 text-decoration: none;
 color: #fff;
}

div#menu ul li a:hover {
  background-color: #ff9900;
}

div#menu ul li#active a {
 color: #ff9900;
}

div#menu ul li#active a:hover {
  background-color: #333;
}