Button Not Displaying Properly in IE9

[NinjaKitten]

Hai! =D
I'm having a problem with a button that will display as intended in FF and Chrome, but not in IE.

The specific coding is for a profile page on a game publisher's website. You're able to insert CSS into your profile, so as such I have been modifying the website's default CSS and replacing it with my own.

Soo... after a couple hours of trying to figure it out and looking all over google, I have come here. @-@

What I can't seem to change is the background, even if I try a transparent property or image.

Here's is the current code I'm using:

#p_comment .pillBlue a {
border: 0px;
color: #b7cef9;
text-shadow: none;
background: #264e97;
}

Here's how it displays in Chrome and FF
And here's how it displays in IE

Here is the default code (from inspect elements), some of which I have over-written:

.pillBlue a {
border: 1px solid rgb(72, 106, 152);
color: white;
cursor: pointer;
font-weight: bold;
padding: 2px 5px;
text-decoration: none;
text-shadow: 0px 1px 0px rgb(34, 34, 34);
background: -moz-linear-gradient(center top , rgb(94, 172, 254) 0%, rgb(48, 138, 250) 50%, rgb(10, 111, 251) 100%) repeat scroll 0% 0% transparent;
}

Here's a link to the page, if that will be of any use. The specific buttons I'm trying to modify are at the very bottom.

Thank you for anyone who is able to take the time to help me, it's much appreciated. ^-^

[holyhttp]

Use
background-image: -moz-linear-gradient....;
instead of background: -moz-linear-gradient....;
otherwise it will override the background: #264e97;

The screenshots you provided do not really help determine what is it you are trying to show us.
Just focus on the button without any other distracting elements by just cropping to the bare essentials.