CSS Properties for Background Image do not work on FireFox

Question

Hi,

I have a webpage where I want to show the background image @ the bottom right corner of the page. For this I have the following code:

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

This code works fine in IE. But in FireFox, the image is shown at the 'top' right.

Please suggest.

Regards - Ashish

Answer 1

html, body { height:100%; }

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

I think it's just that your page isnt taking up the full viewport height, which the 100% height on body/html does.

Answer 2

I usually just use

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

This works fine in IE and firefox