JQuery图标不会在IE9中呈现

我有一个“取消”按钮，定义如下：

<td>
    <br />
    <a id="btnClear" class="custom_dialog_link ui-state-default ui-corner-all" href="#">
        <span class="ui-icon ui-icon-cancel"></span>Clear </a>
    <br />
</td>

<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>

在IE9中，它呈现如下。我试过FF…同样的

如果我设置了兼容模式，它将正确呈现，如下所示：

我用谷歌搜索了这个问题，有人建议添加style=“display:inline block”。我试过了，结果是

但在兼容模式下，它基本上没有显示任何内容

---

有人知道这里发生了什么吗？我想按钮渲染为第二个，在常规或兼容模式。是否可能？

< P>在按钮的IE样式表中尝试使用CSS。

你应该认真考虑裁剪这些图像…