Multiple Background Images

Hi guys,

I’ve created a brown background image for behind the left sidebar in Agile and it works fine. I also have a cream-colored background image that I would like to have cover the rest of each page. I have attempted two different ways, but it isn’t working.

Attempt #1:

body {
     background-image: url(images/brown-header.png), url(images/content-bg.png);
     background-repeat: repeat-y, repeat;
}

Attempt #2:

body {
     background-image: url(images/brown-header.png) repeat-y;
     background-image: url(images/content-bg.png) repeat;
}

Regardless of method, I get only one image (the second in the list). Even with only one image if I put the repeat on the same line as the background image url the image disappears altogether.

Am I dinking around in the wrong area? Should they be separated out? If so, what selector should I be using? I’m having a heck of a time figuring it out. Some days even the simplest things elude me, even with Firebug.

http://walt2.jeansnbeans.com is the URL.

Thanks so much,
Edee