Объекты JS DOM и атрибут стиля

Question

У меня есть два набора кода:

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);

И

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

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

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

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

Первый пример не работает должным образом - «b» находится ниже «a».

Второй пример работает нормально - «b» находится справа от «a».

Почему?

Answer 1

Это неточно:

b.style.float ...

должно быть

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

безопасно установить оба свойства для всех браузеров; ни один не нарушит функции другого