# FF background image not expanding

**URL:** <https://forum.kirupa.com/t/ff-background-image-not-expanding/272970>\
**Category:** web dev\
**Created:** [October 9, 2008, 6:53pm UTC](https://forum.kirupa.com/t/ff-background-image-not-expanding/272970 "2008-10-09T18:53:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Navarone](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Navarone](https://forum.kirupa.com/u/Navarone)\
**Post date:** [October 9, 2008, 6:53pm UTC](https://forum.kirupa.com/t/ff-background-image-not-expanding/272970/1 "2008-10-09T18:53:35Z")

</div>

I am trying to get my background image for the class “page” to expand in FF. It seems to only work in IE. The body background works in FF, IE but not the page background.

How do you get this to work?  
[http://dev-cambria.virtualhorizons.com/](http://dev-cambria.virtualhorizons.com/)

css code

```auto

[SIZE=2][COLOR=#a31515][SIZE=2][COLOR=#a31515]body[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] { 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]margin[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-color[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]#FFFFFF[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]url('../images/main_bg.jpg')[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]:[/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]no-repeat[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-position[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]:[/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]center[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]top[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
}
[/SIZE][SIZE=2][COLOR=#a31515][SIZE=2][COLOR=#a31515]html[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2], [/SIZE][SIZE=2][COLOR=#a31515][SIZE=2][COLOR=#a31515]body[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] { 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]margin[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]padding[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]text-align[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]center[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]100%[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; [/SIZE][SIZE=2][COLOR=#008000][SIZE=2][COLOR=#008000]/* Required */
[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]} 
 
[/SIZE][SIZE=2][COLOR=#a31515][SIZE=2][COLOR=#a31515]#wrap[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] { 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]margin[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]auto[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]963px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; [/SIZE][SIZE=2][COLOR=#008000][SIZE=2][COLOR=#008000]/* put the total with of the site */[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] 
} 
[/SIZE][SIZE=2][COLOR=#a31515][SIZE=2][COLOR=#a31515].page[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] 
{
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]margin[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]0[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]auto[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]position[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]relative[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]963px[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]text-align[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]left[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2];
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]url('../images/page_bg.jpg')[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
[/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]:[/SIZE][SIZE=2][COLOR=#0000ff][SIZE=2][COLOR=#0000ff]repeat-y[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]; 
}

```

[/SIZE]