IE 8 CSS悬停在输入元素问题上

Web*_*ner 3 html css input submit hover

我的问题:

下面的代码适用于FireFox和Google Chrome,但在IE中按钮不会改变颜色.有人可以告诉我如何解决这个问题.有什么建议?我的输入元素:

<input id="pmunch" type="submit" value="Post It!"/>
Run Code Online (Sandbox Code Playgroud)

与此元素相关的CSS:

#pmunch{
width:240px;
height:28px;
padding:2px 4px;
margin-left:24px;
font-family:‘Lucida Console’, Monaco, monospace;
font-size:18px;
border:none;
float:left;
background-color:turquoise;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#pmunch:hover{
background-color:khaki;
color:green;
cursor:pointer;
}
Run Code Online (Sandbox Code Playgroud)

cHa*_*Hao 10

我注意到的一件事是,如果浏览器处于怪异模式(即:如果你的页面顶部没有doctype行),IE - 甚至IE8 - 不喜欢:悬停在任何东西上但链接.

甚至<!DOCTYPE html>足以触发标准模式.添加它,如果它还没有.