Css IE6IE7/IE8悬停问题

我为.net用于悬停的输入按钮添加了这段代码，悬停效果在Firefox上运行良好，但在任何IEs上都不起作用

我怎样才能使它在IEs中工作

#form-container input.prev_btn{
  display: block;
  background:none repeat scroll 0 0 transparent;
  text-decoration:none;
  border:medium none;
  color:#5B522F;
  font-size:18px;
  left:285px;position:relative;
  text-transform:uppercase;top:34px;width:400px;
}
#form-container input.prev_btn:hover {
  background:none repeat scroll 0 0 transparent;
  text-decoration:none;
  border:medium none;
  color:red;
  font-size:18px;
  left:285px;
  position:relative;
  text-transform:uppercase;
  top:34px;
  width:400px;
}



<input type="submit" class="prev_btn" id="btnPreview" value="create e-card" name="btnPreview">

#表单容器输入.prev_btn{
显示：块；
背景：无重复滚动0 0透明；
文字装饰：无；
边界：中等无；
颜色：5B522F；
字号：18px；
左：285px；位置：相对；
文本转换：大写；顶部：34px；宽度：400px；
}
#表单容器输入。上一步：悬停{
背景：无重复滚动0 0透明；
文字装饰：无；
边界：中等无；
颜色：红色；
字号：18px；
左：285px；
位置：相对位置；
文本转换：大写；
顶部：34px；
宽度：400px；
}

您可以在怪癖模式下测试“：hover”--它在IE8中工作。检查正在运行的浏览器“模式”

---

例如，在“怪癖模式”中，一切都会变得很糟糕：

我自己并不做太多的HTML编程，但我在谷歌上搜索了一下，IE不支持按您尝试的方式悬停。我发现以下网页：

---

这似乎给出了一个解决方案。你可以在谷歌上搜索“HTC文件”和“HTC文件示例”，每次搜索的第一次点击似乎都能从本质上满足你的需求。

我知道这是一个旧的搜索，但解决方法可能只是在HTML页面上添加一个DOCTYPE（在开始的HTML标记上方）

---

我格式化了你的CSS。为了回答一个好问题，请删除不相关的部分。您可以在怪癖模式下测试“：hover:--它在IE8中工作。检查正在运行的浏览器“模式”。IE8（至少，在正常模式下）确实支持它。（我没有其他版本要测试，但您可以在以下位置亲自尝试：）

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"