Nút hình ảnh hiển thị 'Gửi truy vấn' phía trên cùng của hình ảnh trong Firefox

Question

Dự án của tôi hiển thị chính xác trong cả IE và chrome. Tuy nhiên trong FF vì một số lý do nút hình ảnh hiển thị 'Gửi truy vấn' trên đầu trang của nó. Tôi đang thiết lập vị trí hình ảnh trong CSS và nó chắc chắn là chính xác vì nó hoạt động chính xác trong tất cả các trình duyệt, chỉ là FireFox vì một số lý do 'Plast Query' của plasters trên đầu mỗi nút hình ảnh.

Đây là CSS của tôi:

.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; 
} 

Có ai có bất cứ ý tưởng tại sao điều này xảy ra? Tôi tìm thấy một vài giải pháp thông qua google nhưng không có gì đã làm việc cho tôi cho đến nay.

Cảm ơn bạn

Answer 1

Thêm thuộc tính này để nút của bạn:

value="" 

Answer 2

text-indent: -9999px; thêm video này vào css của bạn

Answer 3

cũng thêm cssdisplay: block và

text-indent: -9999px;

Sau đó, nó sẽ làm việc trong tất cả các trình duyệt

Answer 4

vẫn đi đầu trong danh sách google để thêm 2 cent của tôi có giá trị: các câu trả lời ở trên công việc nhưng không giải quyết được nguyên nhân; trong trường hợp của chúng tôi đó là hình ảnh thiếu sau khi thay thế nó bằng css như trên, trong trường hợp này, một giải pháp đơn giản là sử dụng một nút liên kết thay vì