/* CSS Document */
<style>
a {color:#333; text-decoration: none}

#menuList {
  background-color: #B3BCCC;
  border: 1px solid #B3bccc; /*borde del bloque total*/
  margin: 0px;
  padding: 2px;
  line-height:0px;
  width:270px; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
}
#menuList li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
  margin: 0px;
  padding: 0;
  list-style: none;
}
#menuList li a, #menuList1 li a:focus {
  display: block;
  background-color: #b3bccc; /*color de fondo de la lista*/
  border: 0px solid #0000FF; /*margen entre los bloques*/
  margin: 0;
  text-decoration: none;
  color: #000;
  font-family: Verdana,Arial,Helvetica; 
  font-size: 12px;
  font-weight:bold;
  padding: 5%;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}
#menuList li a:hover {
  background-color: #8d96a8;
  border-color: #FFF;
  color: #FFCC00;
}
</style>