Código:

.navlinks a {
  margin: 10px;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#menu dl {
width: 150px;
margin: 1px;
padding: 0;
list-style-type: none;}
 
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu dd {
border: 1px solid gray;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li {
text-align: center;
background: #fff;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li a:hover, #menu dt a:hover {
background: #eee;
margin: 0;
padding: 0;
list-style-type: none;}

ul.navlinks {
  font-weight: normal;
  text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
  height:10px!important;
}
.navlinks a{
        font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
   font-weight: normal;
        font-size: 13px;
   margin-top: -5px;
   text-align: center;
        font-style: italic;
        text-decoration:none!important;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
}

.navlinks li:hover{
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

.headerbar {
background: url(http://pshero.com/assets/tutorials/0036/final.jpg) scroll 50% 50%;
background-position: 50% 50%;
border-bottom: 1px solid #222;
}
.headerbar {
background-repeat: repeat-x;
padding: 0px 5px;
}