使用 CSS 样式的按钮元素在 IE6 中不显示背景图像

我有一个针对 IE 6 的旧版 Web 应用程序，正在重新设计。这些按钮的默认浏览器按钮看起来已替换为蓝色按钮图像。

我的以下 HTML 和 CSS 在 IE 8 上工作正常，但在 IE 6 上不行。

HTML

<button id="add">Add</button>

CSS

button
{
    width: 110px;
    height: 28px;
    background-image: url('../images/button.png');
    background-color: transparent;
    border: 0px none #ff0000;
    cursor: hand;
    font-family: Myriad Pro, Helvetica;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

使用 CSS，如何让背景图像在 IE 6 中显示？

理想情况下，可以将修复程序放入 ie6.css 中，以便在最终放弃 IE6 支持时轻松将其删除。

请不要对放弃对 IE6 的支持发表评论。此遗留应用程序仅针对 IE6 设计，并在 IE6 是唯一支持的浏览器的组织内部使用。

如果我对 IE6 的记忆深刻的话，它无法识别background-image on a button元素。你对此无能为力。

不过，再次基于记忆，如果你可以将其更改为input（属性type="image"）即使在IE6上也许也能得到你想要的效果。