html - CSS 和按钮的问题

Question

我有 CSS

div.myButton input a {
display:block;
height: 24px;
width: 43px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("hover.png") 0 0 no-repeat;
text-decoration: none;
}
myButton a:hover {  
background-position: 0 -44px;
color: #049;
}
myButton a:active {
background-position: 0 -88px;
color:#fff;
}

然后我有 HTML

<div class="myButton"><INPUT type="submit" name="" value=""></div>

我不知道哪里出错了，但我无法查看图像!!

有什么帮助吗？

谢谢

Answer 1

改变

div.myButton input a 

到

div.myButton input 

和另外 2 个

div.myButton input:hover

div.myButton input:active

http://www.jsfiddle.net/EpyGn/1/