Javascript CSS按钮背景图像在IE9中不起作用

嗨在那里，我有一个网站，我有一个带有提交按钮的搜索框，该按钮有一个小放大镜的背景图像。背景图像可以在chrome和firefox中使用，但在IE9中似乎不起作用。我怎样才能解决这个问题？谢谢

HTML:

图腾柱新闻
!函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，p=/^http://.test（d.location）'http'：'https'；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=p+'：//platform.twitter.com/widgets.js'；fjs.parentNode.insertBefore（js，fjs）；}（document，'script，'twitter wjs'）；
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_GB/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
你好

CSS:

body{
边缘底部：0px；
背景色：#333；
}
#容器{
宽度：1100px；
高度：1000px；
位置：相对位置；
右边距：自动；
左边距：自动；
z指数：1；
}
#脸谱网{
位置：固定；
右：100px；
z指数：15；
}
#推特{
位置：固定；
z指数：16；
右：120px；
}
#谷歌{
位置：固定；
顶部：7px；
右：135px；
}
#社会医学{
文本对齐：右对齐；
位置：固定；
背景：rgb（125126125）；/*旧浏览器*/
背景：-moz线性梯度（顶部，rgba（125126125,1）0%，rgba（247,1）100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、色挡（0%，rgba（125126125,1））、色挡（100%，rgba（247,1））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，rgba（125126125,1）0%，rgba（247,1）100%）；/*Chrome10+，Safari5.1+*/
背景：-o-线性梯度（顶部，rgba（125126125,1）0%，rgba（247,1）100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，rgba（125126125,1）0%，rgba（247,1）100%）；/*IE10+*/
背景：线性梯度（到底部，rgba（125126125,1）0%，rgba（247,1）100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#7d7e7d'，endColorstr='#f7f7f7'，GradientType=0）；/*IE6-9*/
边际：0px；
顶部：0px；
左：0px；
右：0px；
z指数：14；
}
#内容盒{
背景色：#f6f301；
宽度：1100px；
高度：1000px；
盒影：2PX2PX10PX10PX#060606；
-网络工具包盒阴影：2px 2px 10px 10px#060606；
-莫兹盒阴影：2PX2PX10PX10PX#060606；
/*对于IE移除

progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d00', endColorstr='#ffe711')

它会覆盖背景图像。要么同意在IE9中不使用背景渐变，要么将其作为背景图像的一部分。
删除

progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d00', endColorstr='#ffe711')

它会覆盖背景图像。请同意在IE9中不使用背景渐变，或者将其作为背景图像的一部分。
请检查IEs的正确语法。请检查IEs的正确语法。
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d00', endColorstr='#ffe711')