javascript - 入力テキストサイズ属性がIE8で機能しない

Question

onLoad イベントを使用して JavaScript によって動的に生成された HTML ページがあります。これはJavaScriptです：

function populateTable(q,a1,a2,a3,a4) {
    var i;
    for (i=0;i<10;i++) {
        table = document.createElement("table");
        table.appendChild(createQuestion(q,i));
        for (var j=0;j<4;j++) {
            var answer= eval("a" + (j+1));
            table.appendChild(createAnswers(j,answer,i));
        }
        var tabform= document.getElementById("tablesform");
        tabform.appendChild(table);
    }
}

function createQuestion(quest,i) {
    var row = document.createElement("tr");
    var tabd = document.createElement("td");
    tabd.setAttribute("class","question");
    var qinput=document.createElement("input");
    qinput.setAttribute("type","text");
    qinput.setAttribute("name","q" + (i+1));
    qinput.setAttribute("value",quest[i]);
    qinput.setAttribute("readonly","readonly");
    qinput.setAttribute("size","50"); 
    row.appendChild(qinput);
    var tabd1 = document.createElement("td");
    var rdiv = document.createElement("div");
    rdiv.setAttribute("id","result" + (i+1));
    tabd1.appendChild(rdiv);
    row.appendChild(tabd1);

    return row;
}

FFでは問題なく動作し、10個のきちんとしたテーブルが作成され、それぞれが最初の行のテキスト入力内に質問があり、すべてのテキスト入力フィールドが同じサイズ(50)などです.

IE8 では、テキスト フィールドは空のままで、さらにそのサイズは固定されていません! 奇妙なことに、生成された html を見ると、次のように表示されます。

<FORM id=tablesform method=post action=processquiz.php>
    <INPUT value=" - Correct The Test - " type=submit>
    <INPUT onclick="window.location='logout.php'" value=" - Log Out -  " type=button> 
    <TABLE>
        <TR>
            <INPUT value="What browser has the most DHTML extentions?" readOnly size=50 type=text name=q1>
            <TD><DIV id=result1></DIV></TD>
        </TR>

これは完全に問題ありません。何が問題なのですか？

編集: ドキュメントは html 4.01 strict です