IE6でstyle elementの中身をいじれない

var style = document.createElement('style');
style.appendChild(document.createTextNode('a img{ border : none }'));

とかするとエラーになる。
（styleをdocument.getElementsByTagName('head')[0].appendChildした後でもエラーになる）

styleのinnerHTMLもだめ。
（「予期しないメソッドの呼び出し、またはプロパティ アクセスです」とか言われる）

var style = document.createTextNode(([
    '<style type="text/css">',
        'a img { border : none };',
    '</style>'
]).join(''));
document.getElementsByTagName('head')[0].appendChild(style);

で解決

//----------------------------

してなかった。これじゃheadにtext書いてるだけなので有効にならない。

var div = $d.createElement('div');
div.innerHTML = ([
    'div<div><style type="text/css">',
        'a img { border : none };',
    '</style></div>'
]).join('');
var head = $d.getElementsByTagName('head')[0];
head.appendChild(div.getElementsByTagName('style')[0]);

これで解決。'div<div>'この辺の指定にびびる。