My CSS gradient isnt working in IE 9 or below

Question

I have a CSS gradient for an image that doesn't work in IE 9 or below. I tried adding adding a height:100%; because I saw that helped someone else but it still didn't affect mine. The image is the Sign Up button, and my URL is http://ht.io-web.com/. Here is the CSS

.white {
background: -moz-linear-gradient(center top , #FFFFFF, #DEDCDC) repeat scroll 0 0 transparent;
border: medium none #DEDCDC;
color: #85B700;
margin-left: 5px;}

Answer 1

gradients for ie:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

gradients for webkit browsers:

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));