在el.appendChild上转换的HTML字符（document.createTextNode（））

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;
}

你有什么解决方案可以避免这个问题吗？

我使用的浏览器是FF 12。