Twitter bootstrap 3 当文本位于IE8上的Glyphicon旁边时，省略号显示为[][]未知unicode

您好，我将文本溢出设置为省略号，但在IE8中呈现时会出现如下情况：

[插入图标]名称[][]

它在没有glyphicon的情况下可以正常工作，但在有glyphicon的情况下会显示未知的unicode。它也可以在所有其他浏览器中正常工作

关于如何解决这个问题有什么想法吗？

<a href="#" class="ellipsis tree-item no-borders" title="longnameeeeeeeeeeeeeeeeeeee">
    <span class="glyphicon glyphicon-folder-closed tree-icon"></span>
    longnameeeeeeeeeeeeeeeeeeee
</a>

我找到的解决方案是颠倒字形图标和文本的顺序，使字形图标向左浮动。 出于某种原因，IE8使用第一个子元素的字体来呈现省略号？（需要有人来验证）。

我找到的解决方案是颠倒字形图标和文本的顺序，使字形图标向左浮动。 出于某种原因，IE8使用第一个子元素的字体来呈现省略号？（需要有人对此进行验证）

<a href="#" class="ellipsis tree-item no-borders" title="longnameeeeeeeeeeeeeeeeeeee">
longnameeeeeeeeeeeeeeeeeeee
    <span class="pull-left glyphicon glyphicon-folder-closed tree-icon"></span>   
</a>