tags:

views:

27

answers:

1

Hi,

I'm using a 1280×850 image for background. With this CSS:

body {
 line-height: 1;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 background:url(../images/bg.png) no-repeat bottom left;
}

Everything is ok in all browsers but not in Firefox. In Firefox, body background is white and background image is not visible. (I'm using meyer css reset).

How can I solve this?

Thanks in advance.

+1  A: 

You will need to put some content in the body or set a height. Since your image is 850px tall use,

min-height:850px;
Michael
Yes, min-height has solved the "height" problem but this time a scroll visible in browser.
phpExe
Then use height:100%; You're saying it doesn't work but it works for me.
Michael
min-height:100% works, Thanks Michael
phpExe