css超长文本截断显示省略号的样式问题

Question

遇到一个奇怪的问题，先贴代码

html：
    <p>
        <a><em>xxx</em>xxxxxxxx（超长文本）</a>
    </p>
css:
   p a { display: block; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

结果在ie8,9遇到了这么个情况

省略号变成了红色的竟然，只有这两个版本的ie有这个情况。将em标签去掉以后变成了下面的样子：

颜色正常了，但是省略号位置有变化，而且关键是em标签是要保留的，有高人可以指点下吗？

Answer 1

设置一下a标签的字体颜色就ok了

Answer 2

事实证明是因为省略号继承了a标签下第一个元素em的color属性，我添加了一个空的span标签后搞定了！