Javascript jsdom对象和Style属性

我有两套代码：

var holder = document.createElement('div');

var a = document.createElement('div');
a.style.float = 'left';
a.style.width = '90px';
a.style.height = '90%';
a.style.border = '1px dotted black';

var b = document.createElement('div');
b.style.float = 'left';
b.style.width = '90px';
b.style.height = '90%';
b.style.border = '1px dotted black';

holder.appendChild(a);
holder.appendChild(b);

以及：

第一个示例工作不正常-“b”位于“a”下方

第二个例子效果很好——“b”位于“a”的右侧

为什么？

这是不准确的：

b.style.float ...

应该是

b.style.cssFloat ... // non-ie
b.style.styleFloat ... // ie

为所有浏览器设置这两个属性是安全的；两者都不会破坏对方的功能

b.style.cssFloat ... // non-ie
b.style.styleFloat ... // ie