Image button displaying 'Submit query' over the top of image in Firefox

Question

My project is displaying correctly in both IE and chrome. However in FF for some reason the image button displays 'Submit query' over the top of it. I am setting the image location in CSS and it is definitely correct as it is working correctly in all browsers, its just that FireFox for some reason plasters 'Submit Query' over the top on each image button.

Here is my 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;
}

Does anybody have any ideas why this happens? I found a few solutions via google but nothing has worked for me so far.

Thank you

Answer 1

Add this attribute to your button:

value=""