FF background image not expanding

programming web dev
1

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/

css code


[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]