所以，我可以使用图像创建一个输入按钮

<INPUT type="image" src="/images/Btn.PNG" value="">

但是，我无法使用 CSS 获得相同的行为。例如，我试过

<INPUT type="image" class="myButton" value="">

其中“myButton”在 CSS 文件中定义为

.myButton {
    background:url(/images/Btn.PNG) no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}

如果这就是我想做的全部，我可以使用原始样式，但我想更改按钮在悬停时的外观（使用myButton:hover类）。我知道这些链接很好，因为我已经能够将它们加载为页面其他部分的背景图像（仅作为检查）。我在网上找到了如何使用
JavaScript 的示例，但我正在寻找 CSS 解决方案。

如果有区别，我正在使用 Firefox 3.0.3。