IE9 CSS图形故障（蓝色到深色背景）

Question

我在IE9上有这个非常奇怪的错误：

在最新版本的Chrome上，它看起来像这样：

使用::after标记添加星标，其中content属性使用特殊字体。我认为这可能是故障的根源，但即使使用content: "A";，或者完全删除它，故障仍然存在。

这可能是什么原因？

编辑：以下是CSS属性以及HTML：

<button class="btn mark-score-4 star score_4 btn-large  markchoice " data-question-id="10112" value="4">
  <span></span>
  ::after  
</button>

CSS：http://pastebin.com/FL7Wd9yc

跨度CSS：http://pastebin.com/XBQ4epie

CSS之后的

:: http://pastebin.com/h0Rc1ni5