george saad george saad - 2 years ago 104
CSS Question

Background image size is not displaying on firefox

Background image does not display correctly on firefox, but it works fine on other browsers. Please see the link here

body {
background-image: url('');
background-size: 100% 100%;
background-repeat: no-repeat;

Answer Source

background-size works properly,

but you content is in position:absolute; so it gives no height to body, so no background to see in fact.

Where every other browser use html to draw the background and also move the background-size, firefox keeps background-size attached to the actual size of body, it is morelike a bug in my opinion. (about backgrounds and colors ... )

You can add:

html {
body {

or use html instead for the background.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download