Style mit DOM setzen

[Raphael]

Hallo,

ich möchte verschachtelte Tabellen per Javascript zur Darstellung bringen. Dazu ist es notwendig, die Breitenangaben zu bestimmen, da diese mit dem Rest der Tabelle übereinstimmen sollen.
Hier der Auszug, mit dem ich eine Tabelle erstelle:

var tabelle1 = document.createElement("table");
tabelle1.setAttribute("style", "width:100%;table-layout:fixed;");
tabelle1.setAttribute("border", "1");
var TR1 = tabelle1.insertRow(0);
//1.Zelle
var TD1 = document.createElement("td");      TD1.setAttribute("style", "width:50%;");
var text1 = document.createTextNode("test1");
TD1.appendChild(text1);
TR1.appendChild(TD1);
//2.Zelle
var TD2 = document.createElement("td");      TD2.setAttribute("style", "width:50%;");
var text2 = document.createTextNode("test2");
TD2.appendChild(text2);
TR1.appendChild(TD2);

Im Ergebnis bekomme ich eine Tabelle, bei der die Breitenangaben jedoch ignoriert werden. Was mache ich da falsch?

MfG,

Raphael