I am wanting a unique image to go beyond the center column of each individual page - I am using the code below but the image does not extent behind the sidebar, header or footer area - I have done a lot of forum searching and still don't understand.
What I am using:

/* background changes for each individual page */
/*about us*/
body.page-id-24 td#middle {
background-image:url("http://www.floatingpetals.net/wp-content/themes/atahualpa/images/purpletulips990.jpg");
}

Can you help?
Thanks in advance

You would need to apply it to the body by leaving off the td#middle. Then you would need to make #middle transparent

Originally Posted by lmilesw

You would need to apply it to the body by leaving off the td#middle. Then you would need to make #middle transparent

ahh yes, I see, And the image fills the entire background.
What if I wanted the image to stop at the edge of the body and sidebars and footer - contained inside the edges of the site itself?

Then you might use

body.page-id-24 #container

or similar as the selector.

Perfect. I knew I was close and you got me down on the runway. Thanks again - you guys and ATA are great!