css - 链接在 IE 6 和 7 中消失

Question

我在 TD 中有链接（实际上是按钮），但它完全隐藏在 IE 6 和 7 中：

.btn-delete {
    position: relative;
    width: 32px;
    height: 31px;
    text-indent: -1000em;
    background:#dd0 url(../img/button.png) no-repeat;
    /*.float: left;*/
    display: inline-block;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

...但是如果我添加float:left它，它显示得很好。我如何解决它？

非常感谢！

Answer 1

不幸的是，文本缩进似乎是导致这种行为的原因。

过去，我使用了一个图像按钮，其值设置为与原始按钮相同的值，并带有透明图像，以便可以使用背景图像：

<input type="image" class="btn-delete" value="Delete" src="spacer.gif" />