css - 隣接する兄弟セレクターが、IE7/8 で動的に追加されたクラスで機能しない

Question

<span id='span1'>span1</span>
<span>span2</span>
<button id='btn'>select span1</button>

#span1.selected + span {
    background-color:red;
}

$('#btn').click(function() {
    $('#span1').addClass('selected');
});

http://jsfiddle.net/xSGh5/

カスタム画像でチェックボックスをスタイルするために隣接する兄弟セレクターを使用しているので、このセレクターを放棄したくありません。回避策はありますか？

Answer 1

これは既知のバグです。+こちらのセレクターに関するセクションを参照してください: http://www.quirksmode.org/css/contents.html