在chrome和ie中添加空间以锚定文本的问题(可能是文本缩进吗？)

Question

我有一个包含多个css类的元素，它如下所示：

 <a href="asdad" class="icon make-default ss_sprite ss_bullet_white">Make Default</a>

chrome和ie显示如下：http://grab.by/9OXe

火狐显示如下：http://grab.by/9OXs

请注意，我为您突出显示了一个元素，打开了firebug (这是所有的样式)

我更喜欢屏幕截图而不是jsfiddle(我通常会评论人)，因为屏幕显示了我想知道的东西:为什么chrome和ie显示锚块的方式不同。我知道浏览器不会呈现相同的内容(特别是ie vs webkit，但对于chrome和ie来说，这是不寻常的)，而且我有一个reset.css(960的重置)。

我遗漏了什么吗？我有一个向图标类添加宽度的解决方案，但我想知道为什么需要这样做。

更新

在写这个问题时，我有机会将a改为：

 <a href="asdad" class="icon make-default ss_sprite ss_bullet_white">Default</a>

因为如果你能看到黑子弹，它使用的是相同的类，而且它是固定的。现在的问题是，任何以空格作为锚文本的东西都会破坏IE和chrome中的内容。有什么解释吗？

(同时，我的代码也有很好的降级效果，所以即使没有默认文本显示的样式(我知道我不是通过使用消极的缩进技巧来显示它，但在没有css的情况下，它应该显示为默认文本，所以我不打算尽可能地更改它)。

Answer 1

考虑到你的最新情况，

您是否尝试过使用white-space:nowrap;，或者不再使用空格，而是使用非中断空间 ？

当然，一个活生生的小提琴或更多的html/css可以帮助我们更好地解决问题。