george saad george saad - 9 months ago 38
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;


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.