En este caso me resulta más fácil modificar con firebug y copiar y pegar que explicar los cambios.
Sólo es cuestión de que compare:
Código CSS:
Ver original* {
margin:0;
padding:0;
}
body {
}
#wrapper {
border: 0 solid #000000;
height: auto;
margin: 0 auto;
padding: 0;
width: 932px;
overflow: hidden;
}
#header {
border-top: 16px solid #E6E6E6;
text-align: center;
width: 100%;
}
#button {
border: 1px solid #000000;
overflow: hidden;
padding: 0;
width: 930px;
}
#button li {
display: inline;
float: left;
text-align: center;
}
#button li a {
background-color: #E6E6E6;
color: #FFFFFF;
display: block;
padding: 3px 0;
text-decoration: none;
text-transform: uppercase;
width: 155px;
}
#button li a:hover {
background-color: #F96B00;
margin-top: 0;
}
Por cierto, aumenté su #wraper en 2px ¿adivina el porqué?