CSS проблема с видимостью

Question

У меня есть следующий код:

var d = document.createElement("div");
d.id = "d_1";
d.style.backgroundImage = "url(img/lr.png");
d.style.backgroundRepeat = "no-repeat";
d.style.width = "150px";
d.style.height = "25px";
d.style.position = "absolute";
d.style.left = "460px";
d.style.top = "385px";
d.style.visibility = "visible";
document.documentElement.appendChild(d);

, и этот div не показывается в Opera и Chrome, а в Firefox!

Что не так?

Answer 1

Синтаксическая ошибка.

d.style.backgroundImage = "url(img/lr.png");

Должно быть

d.style.backgroundImage = "url(img/lr.png)";

Answer 2

Исправьте эту строку:

d.style.backgroundImage = "url(img/lr.png");

до

d.style.backgroundImage = "url(img/lr.png)";