CSS文本缩进在IE7上不起作用

以下是示例页面：

基本上，当在图标上使用

文本缩进时，Internet Explorer 7（兼容模式下的IE9）会将元素移出屏幕，而不仅仅是文本。出于某种原因，这种情况只在表单元格中的某些情况下发生（我认为是在单元格中的元素独立时发生的）

我怎样才能解决这个问题？或者有没有其他方法可以在元素中使用文本内容，但不显示它？
问题似乎是，文本缩进后，跨度变为空（或其大小变为0（不确定）），因此它不会显示。把文本放在你的范围内，你会看到它仍然在那里

看看这个例子

使用
display:block
代替
display:inline block
。内联元素不太喜欢大小声明（宽度/高度），它们被设置为显示在某个内容中，根据其内容占用空间。
问题似乎在于文本缩进后，跨度变为空（或其大小变为0（不确定）），因此它不会显示。把文本放在你的范围内，你会看到它仍然在那里

看看这个例子

使用
display:block
代替
display:inline block
。内联元素不太喜欢大小声明（宽度/高度），它们被设置为显示在某物内部，根据其内容占用空间。
在ie8中对我来说很好：你不是指IE7而不是ie8吗？@NGLN@Jason：从技术上讲，它是IE9，兼容模式为on，我假设它与ie8等效，但它很可能是IE7。在ie8中对我来说很好：你不是说IE7而不是ie8吗？@NGLN@Jason：从技术上讲，它是IE9，兼容模式为on，我认为它与ie8相当，但它很可能是IE7。