javascript und style.float

[japo]

Hallo zusammen,

ich bastele gerade einem layout das ZWINGEND mit javascript generiert werden muss. scheitern tuts gerade an folgendem problem:

zwei div elemente sollen nebeneinander ausgerichtet werden. jau, dazu gibts 1000 und mehr threads. wenn ich das ganze mit html mache schauts auch gut aus.

<div style="width: 50px; height: 50px; background-color: yellow; float: left;"></div>
<div style="width: 50px; height: 50px; background-color: blue; float: left"></div>

jetzt will ich aber genau das mit javascript machen... also erstelle ich zwei div elemente, weise den farbe, höhe und breite zu und zu guter letzt noch ...style.float = "left";

d = document.createElement("div");
d.style.width = "50px";
d.style.height = "50px";
d.style.backgroundColor = "red";
d.style.float = "left";

d2 = document.createElement("div");

d2.style.width = "50px";
d2.style.height = "50px";
d2.style.backgroundColor = "green";
d2.style.float = "left";

document.getElementsByTagName("body")[0].appendChild(d);
document.getElementsByTagName("body")[0].appendChild(d2);

ergebnis: die divs werden UNTEREINANDER dargestellt. sowohl im IE und auf im FF. ich stehe kurz davor ins kloster einzutreten und enthaltsam von computern zu leben. ich hoffe, ihr könnt mir dabei helfen, das zu verhindern.

schonmal danke und viele grüße
japo