IE9.js：检查并且之前的伪元素在IE8中不起作用？

Question

我尝试使用css打开和关闭网页右下角的聊天框。它在Chrome和Firefox中运行良好。

但是当在IE 8上使用ie9.js和测试时，代码没有按预期运行。

脚本包括：

<!-- Compliance patch for Microsoft browsers -->
<!--[if lt IE 9]>
    <script src="https://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script>
<![endif]-->

HTML：

<div class="chat-box">
    <input type="checkbox" />
    <label class='abc' data-expanded="Close Chatbox" data-collapsed="Open Chatbox"></label>
    <div id="chatForm" class="chat-box-content">Colapse me !!!
        <br/><br/>
        <br/><br/>
        <br/><br/>
    </div>
</div>

代码工作正常：

.chat-box > label:before {content:attr(data-collapsed)}

以下代码不起作用：标签内容：不更改之前？

.chat-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded)}

Jsfiddle：http://jsfiddle.net/leucoaeetus/C82qA/

请帮我解决这个问题。选中复选框后，如何更改聊天框的标题？
提前谢谢！