CSS Body Background image issues

Background image, css positioning, relative positioning, body background

[rainbwRider]

Hello to all,
I have added a background image to my css body tag, pretty normal stuff. I have all elements on my page within div and table element tags so I have some control over growth and position (necessary). The css code is like this...

BODY { width:100%;height:100%;background:#303a53 URL("/images/backgrnd_strip.jpg") repeat-x;

My issue is the background image covers the main base image in a table when the browser window width is reduced. It appears that the body background image is not in the absolute background. I always thought as a body background image, it woulds always remain in bottom of image stack? Because the image shows over the table background image when reducing the browser window (width) it also looks like it is pushing other div element images that are in a relative position over when the window is reduced. Any thoughts? thank you.

[did_you32]

Hi rainbwRider

Try following:

BODY {
width:100%;
height:100%;
background-image:url("/images/backgrnd_strip.jpg") repeat-x;
}

greez

did_you32