Button color css changes not showing up in IE and Firefox.

Hi,
Below is the CSS I have applied however, top button tap to call & bottom button stays default blue in IE and Firefox however, it works fine in Chrome and Safari. Please help.
Here is the url http://332.d3a.myftpupload.com/


a.button-def {
box-shadow: inset 0px 1px 0px 0px #91B737;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #626E1F), color-stop(1, #91B737) );
}
.button-def:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1D5585), color-stop(1, ##626E1F) );


Thank you,
Nir

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .button-def {
    -moz-box-shadow:inset 0px 1px 0px 0px #91B737;
    -webkit-box-shadow:inset 0px 1px 0px 0px #91B737;
    box-shadow:inset 0px 1px 0px 0px #91B737;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #626E1F), color-stop(1, #91B737) );
    background:-moz-linear-gradient( center top, #748cbe 5%, #626E1F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#626E1F', endColorstr='#91B737');
    background-color:#626E1F;
}
.button-def:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1D5585), color-stop(1, #626E1F) );
    background:-moz-linear-gradient( center top, #1D5585 5%, #626E1F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D5585', endColorstr='#626E1F');
  background-color:#1D5585;
}

Thanks & Regards
Gourav Shrivastava

 

Thank you so much Gourav,

Thanks!! You guys are always very helpful.