JQuery图标无法在IE9中呈现

Question

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

<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 ......同样的。

如果我设置兼容模式，它会正确呈现如下：

我用Google搜索了问题，有人推荐添加style =“display：inline-block”。我试过，它呈现为

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

有谁知道这里发生了什么？我希望按钮在常规或兼容模式下呈现为第二个按钮。有可能吗？

Answer 1

尝试在IE样式表中使用css min-width作为按钮。