a:hover me falla en menu

[Bandit]

En vez de usar una imagen como background de tu botón, utiliza éste código:

Código CSS:

li.consulta{
  background-image: linear-gradient(top, #015678 49%, #1AA2EB 84%);
  background-image: -o-linear-gradient(top, #015678 49%, #1AA2EB 84%);
  background-image: -moz-linear-gradient(top, #015678 49%, #1AA2EB 84%);
  background-image: -webkit-linear-gradient(top, #015678 49%, #1AA2EB 84%);
  background-image: -ms-linear-gradient(top, #015678 49%, #1AA2EB 84%);
  display:block;
  height:49px;
  text-align: center;
  width:226px;
  background-image: -webkit-gradient(
   linear,
   left top,
   left bottom,
   color-stop(0.49, #015678),
   color-stop(0.84, #1AA2EB);
  )
 }
 .consulta a{
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
 }
 .consulta a:hover {
  display: block;
  width:226px;
  height:49px;
  background-color:#013d65;
}
 

Espero haberte sido de ayuda.