Свойства CSS для фонового изображения не работают в FireFox

Question

У меня есть веб-страница, на которой я хочу показать фоновое изображение @ в нижнем правом углу страницы. Для этого у меня есть следующий код:

body
{
    background-image:url('img_tree.png');
    background-repeat:no-repeat;
    background-position:bottom right;
} 

Этот код отлично работает в IE. Но в FireFox изображение отображается в правом верхнем углу.

Пожалуйста, предложите.

С уважением - Ашиш

Answer 1

html, body { height:100%; }

body {
    background:url(img_tree.png) no-repeat bottom right;
}

Я думаю, что ваша страница не занимает всю высоту области просмотра, как это делает 100% высоты в body / html.

Answer 2

Я обычно просто использую

фон: url (img_tree.png) справа внизу, без повтора;

Это прекрасно работает в IE и Firefox