IE8中的CSS精灵按钮不'；不表演/工作？

我对ie8和一个简单的表单提交按钮有问题。我使用一个带有CSS的图像作为按钮，所以它有一个很好的悬停效果。但它在IE8中不起作用

btnSubmit.png

具有默认和悬停状态

这是我的密码

<input name="form_submit" id="form_submit" 
    class="btns btnFormsubmit" type="submit"  />

我还尝试添加

href=“#”

IE8不支持输入：将css选择器悬停在怪癖模式下。尝试添加doctype声明（例如

），应该可以。IE8不支持输入：将css选择器悬停在怪癖模式下。尝试添加doctype声明（例如

），应该没问题。

输入很难在不同的浏览器中保持一致。如果无法使用

（如果doctype不是之前建议的问题），我建议使用

。

输入很难在不同的浏览器中保持一致。如果无法使其正常工作（如果doctype不是之前建议的问题），我建议使用

。

不确定，但可能是doctype问题。。。你确定你只是拼错了

url（imgs/btnSubimt.png）在这里？@bazmegakapa，刚刚在stackoverflow上拼错了，要去查看doctype提示。ps:thx用于编辑我的代码消息嗯，我有输入：悬停工作，我还添加了`字体大小：0；显示：块；线条高度：0；`但当我将iframe src指向该文件时，它根本不显示按钮图像？？？不确定，但可能是doctype问题。。。你确定你只是拼错了
url（imgs/btnSubimt.png）在这里？@bazmegakapa，刚刚在stackoverflow上拼错了，要去查看doctype提示。ps:thx用于编辑我的代码消息嗯，我有输入：悬停工作，我还添加了`字体大小：0；显示：块；线条高度：0；`但是当我将iframe src指向文件时，它根本不显示按钮图像？？？嗯，我有输入：hover working，我还添加了`font size:0；显示：块；线条高度：0；`但是当我将iframe src指向该文件时，它根本不显示按钮图像？？？我不确定我是否理解。你的意思是当你的页面被放置在另一个页面的iframe中时，图像不会显示吗？嗯，我有输入：hover working，我还添加了`font size:0；显示：块；线条高度：0；`但是当我将iframe src指向该文件时，它根本不显示按钮图像？？？我不确定我是否理解。您的意思是当您的页面放置在另一页面的iframe中时，图像不会显示吗？
.btns {
    background-color:transparent;
    background-position:left bottom;
    background-repeat:no-repeat;
    border:0 none;
    display:block;
    height:31px;
    text-indent:-3999em;
    }
.btns:hover {
    background-position:left top;
    cursor:pointer;
}

.btnFormsubmit {
    background-image:url(imgs/btnSubimt.png);
    height: 31px;
    width:267px !important;
}

<input href="#" name="form_submit" id="form_submit" 
    class="btns btnFormsubmit" type="submit"  />