Некорректный float через JS

[HaZ]

Некорректный float через JS

Есть див, внутри которого вставляю 2 равнозначных дива
Нужно сделать так чтобы они стояли на одном уровне, т.е. шли слева направо

все работает если просто написать
<div id="mydiv" style="position:relative; height:600px; width:400px; overflow:auto;">

<div style="position:relative; width:50px; height:50px; float:left; background:red;"></div>
<div style="position:relative; width:50px; height:50px; float:left; background:red;"></div>

</div>

однако релизовать нужно именно через JS
но при попытке использовать этот код, дивы располагаются один над другим (как если бы скажем у обоих было clear:both

newdiv.style.position = 'relative';
newdiv.style.float = 'left';
newdiv.style.width = '50px';
newdiv.style.height = '50px';
newdiv.style.background = 'red';



Не работает что IE, что в FF
Где может быть проблема ?

p.s. опустил JS скрипт, связанный с созданием и добавлением дива

-~{}~ 02.01.09 17:28:

Пробовал через JS вставлять картинки таких же размеров вместо дивов и все прекрасно работает

У главного контейнера есть id свой разумеется, но могу точно сказать что через него не привязано никаких левых css

-~{}~ 02.01.09 18:16:

тема закрыта.
Аналоги свойства float в JS - cssFloat и styleFloat