Am having problem with internet explorer. I have code a function as below to be used as buttons on my website, every other browsers are displaying it well except Internet Explorer pls what do i do? My CSS is as below
td .a{
color:#FFFFFF;
font-weight:bold;
background: #111;
background: -moz-linear-gradient(#FF0000, #DE1F15);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#FF0000, #DE1F15);
background: -o-linear-gradient(#FF0000, #DE1F15);
background: -ms-linear-gradient(#FF0000, #DE1F15);
background: linear-gradient(#FF0000, #DE1F15);
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
cursor:pointer;
cursor:hand;
}
td .a:hover{
color:#000000; font-weight:bold;
background: #444;
background: -moz-linear-gradient(#EAD58A, #DEBB41);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#EAD58A, #DEBB41);
background: -o-linear-gradient(#EAD58A, #DEBB41);
background: -ms-linear-gradient(#EAD58A, #DEBB41);
background: linear-gradient(#EAD58A, #DEBB41);
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
cursor:pointer;
cursor:hand;
}