javascript - 自動幅テーブルに td 幅が適用されない

Question

このフィドルhttp://jsfiddle.net/LHsLM/1/を見てください。

フィドルのようにインライン css を使用して、自動幅テーブルに高さと幅を適用しようとしています。ただし、スタイルは適用されません。

html:

 <div id="a"></div>

CSS:

div {
  height:300px;
  width:500px;
  overflow:auto;
}

js:

var str = ["<table>"];
for (var i = 0; i < 100; i++) {
  var tr = "<tr>";
  for(var j = 0; j < 100; j++){
    tr += "<td style='width:120px;height:40px'>" + j + "</td>";   
  }
  tr+="</tr>";
  str.push(tr);
}
str.push("</table>");

document.getElementById('a').innerHTML = str.join('');