IE vs. Firefox CSS problem

I am having an issue with the background color of a button. It works fine in FireFox but not in IE.

Here is the button http://www.realestatesoldeasy.com/button.htm

The orange background color (from button_c.gif) shows up properly in FF but it does not appear in IE, and i've been told it does not show in Safari either. But one person tells me they see it in IE. WTF?

here is the CSS:
.button_text{
background-image: url('botton_c.gif');
font-size: 75%;
font-family: sans-serif;
color: #FFFFFF;
text-align : center;
font-weight: bold
}

Is there a better way to do this to ensure it is shown properly in FF, IE, and Safari?

 

Ah form elements - the bane of modern web design.

You just need to add a border around the button to ensure the default styling collapses.

So - border: 1px solid #000;

 

Ha Ha. That works, Thank you.