[解決済み] CSSのtopとleftの属性を設定する

質問

以下のJavaScriptで、なぜかCSS属性の "top"と "left"を設定することができないのです。

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Firebug を使ってみると div は position に設定されます。 "absolute" に設定されていますが top と left 属性は設定されていません!

これはFirefox 3.6用です。

どのように解決するのですか？

あなたの問題は top と left プロパティは、単なる数字ではなく、単位を必要とします。

div.style.top = "200px";
div.style.left = "200px";