Multiple Backgrounds Options

[YourSuperior]

Is it possible to have multiple backgrounds? I want to have one background repeating vertically, and one repeating horizontal and vertically. It's for this:

I want to have this repeating vertically:



And I want this pattern repeating behind the whole layout:



Is this possible? I've tried using tables, but I didn't know what the heck I was doing. I hope someone can help me.

[anime-essence]

CODE

<style type="text/css">
body{
background-image:url(http://catastrophic.sphosting.com/images/jonas_brothers_pattern.jpg);
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
background-color:XXXXXX;
}
div.content{
width:600px;
height:!;
background:url(http://catastrophic.sphosting.com/images/jonas_brothers_bg2.jpg)
top left repeat-y;
}
</style>