Как отобразить .gif в качестве фонового изображения? ⇐ CSS

[Anonymous]

У меня есть такая функция загрузки JavaScript:

Код: Выделить всё

function splashScreen() {
var div = document.createElement('div');
div.appendChild(document.createTextNode("some text"));
div.style.position = "fixed";
div.style.width = "100%";
div.style.height = "100%";
div.style.left = "0";
div.style.top = "0";
div.style.zIndex = "1000";
div.style.background = "white url('img/ajax-loader.gif') no-repeat center";
div.style.fontSize = "x-large";
div.style.textAlign = "center";
div.style.lineHeight = "3em";
div.style.opacity = "0.75";
div.style.filter = "alpha(opacity=75)"; // fix ie
document.body.appendChild(div);
return true;
}

Я использую эту функцию в действии формы (

Код: Выделить всё

onsubmit="return splashScreen()"

), чтобы при загрузке следующей страницы отображался «вращающийся логотип»...
Проблема в том, что «img/loading.gif» и Safari (на WinXP): в ff и т.е. у меня нет проблемы, и я ясно вижу анимированный gif. В Safari я его не вижу.
Если я изменю изображение на PNG (очевидно, статическое), изображение появится...
Я делаю что-то не так? В чем проблема с сафари?

Подробнее здесь: https://stackoverflow.com/questions/258 ... ound-image