#button {
 padding: 0; /* Elimina el padding que se puede crear por defecto en una lista de elementos, en este caso el menú */
 }

#button ul {
  top: 0;
  width: 100%;
}

#button li {
 display: inline; /* Por defecto, estas listas se crean de forma vertical, pero nuestro menú tiene que ser horizontal */
 }

#button li a {
 font-family : Arial, Verdana, Helvetica, Knile, sans-serif;
 font-size: 15px;
 text-decoration: none;
 float: center;
 padding: 8px 10px;
 background-color: #fff; /* #eeeeee gris original */
 color: #003366;
 border-radius: 6px;
 border: 2px solid #F58021; /* el gris #e7e7e7 también va bien */
 }

#button li a:hover {
 background-color: #F58021;
 color: #FFF;
 }