javascript - el.appendChild(document.createTextNode()) で変換された HTML 文字

Question

次のような動的 CSS ローダーがあります。

function(css,onlyIE){
    var el = document.createElement('style');
    el.type = 'text/css';
    el.media= 'screen';
    if((typeof onlyIE != "undefined" && onlyIE && el.styleSheet) || typeof onlyIE == "undefined" || !onlyIE){
    // Mode IE http://stackoverflow.com/questions/4758524/trying-to-append-css-to-the-head-of-a-html-page-using-javascript
        if (el.styleSheet){
            el.styleSheet.cssText= css;
        }else{ // Mode standard
            el.appendChild(document.createTextNode(css));
        }
        document.getElementsByTagName('head')[0].appendChild(el);
    }
}

問題は、それを含む CSS>が に変換されたときに始まり& gt;ます。

例えば：

body > div{
   color: red;
}

この問題を回避するための解決策はありますか?

使用ブラウザはFF12です。