IE9.js: проверено и до того, как псевдоэлемент не работает в IE8?

Question

Я пытаюсь использовать css, чтобы открыть и закрыть окно чата в правом нижнем углу веб-страницы. Он отлично работает в Chrome и Firefox.

Но при использовании ie9.js и тестировании в IE 8 код работает не так, как ожидалось.

Скрипт включает в себя:

<!-- 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/

Пожалуйста, помогите мне решить эту проблему. Как я могу изменить заголовок чата при установленном флажке?
Заранее спасибо!