Кнопка «Изображение» с надписью «Отправить запрос» поверх изображения в Firefox

Question

Мой проект отображается правильно как в IE, так и в Chrome.Однако в FF по какой-то причине кнопка изображения отображает «Отправить запрос» поверх него.Я устанавливаю расположение изображения в CSS, и оно определенно правильно, так как оно работает корректно во всех браузерах, просто FireFox по какой-то причине накладывает «Submit Query» поверх каждой кнопки изображения.

Вотмой 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;
}

У кого-нибудь есть идеи, почему это происходит?Я нашел несколько решений через Google, но пока у меня ничего не получалось.

Спасибо

Answer 1

Добавьте этот атрибут к вашей кнопке:

value=""

Answer 2

по-прежнему занимает первое место в списке Google, поэтому добавив мои 2 цента стоит: ответы выше работают, но не устранить причину;в нашем случае это был отсутствующий imageurl после его замены на css, как описано выше, и в этом случае одним простым решением является использование кнопки ссылки вместо

Answer 3

также добавьте css Отображение: блок и

Отступ текста: -9999px;

Тогда будетработа во всех браузерах

Answer 4

текст-отступ: -9999px; добавьте это к вашему CSS