Botón de imagen que muestra 'Enviar consulta' en la parte superior de la imagen en Firefox

Question

Mi proyecto se muestra correctamente tanto en IE como en cromo. Sin embargo, en FF, por alguna razón, el botón de imagen muestra 'Enviar consulta' en la parte superior. Estoy configurando la ubicación de la imagen en CSS y es definitivamente correcta, ya que está funcionando correctamente en todos los navegadores, es solo que Firefox por algún motivo enyesa 'Submit Query' en la parte superior de cada botón de imagen.

Aquí es mi CSS:

.NavModuleTabs A.NavModuleSelectedWide1 
{ 
color: #555555; 
margin-top: 10px; 
padding-top: 5px; 
height: 25px; 
background-image: url(../Images/NavBar/NavModuleTab_125.gif); 
background-repeat: no-repeat; 
font-weight: bold; 
width: 130px; 
display: block; 
} 

¿Alguien tiene alguna idea de por qué sucede esto? Encontré algunas soluciones a través de google pero nada me ha funcionado hasta ahora.

Gracias

Answer 1

Añadir este atributo a su botón:

value="" 

Answer 2

texto-guión: -9999px; agregar esto a su css

Answer 3

también añadir cssdisplay: block y

texto-guión: -9999px;

después trabajará en todos los navegadores

Answer 4

aún viene la parte superior de la lista de Google por lo que añadir mis 2 centavos: las respuestas anteriores trabajos pero no abordan la causa; en nuestro caso fue la imagen perdida después de reemplazarla por css como la anterior, en cuyo caso una solución simple es usar un botón de enlace en su lugar