Double Background???, 2 diff picts w/ 2 diff repeat patterns Options

[ghetosmurph]

ok, i'm in the process of creating a skin and i am looking for a way to put 2 different pictures in the the background of my site each having it's own repeat pattern. This would allow me to basically have 2 different image boders, one horizontally along the top, the other vertically along the left side, to creat waht would apper to be one background.

here's the excerpt from my sttyle sheet which i am attempting to modify......

CODE:
body{background-image:url(http://img.photobucket.com/albums/v236/your_scariest_nightmare/background.png);
background-attachment:scroll;
background-repeat:repeat-x;
background-position:top right;
background-color:0094D6;

border-width:2px;
border-color: transparent;
border-style:solid;}
table, td{background-color:transparent;border:none;border-width:0}


so what i want to basically know is...... can I just put in 2 background images like this?.....

CODE:
body{background-image:url(http://img.photobucket.com/albums/v236/your_scariest_nightmare/background.png);
background-attachment:scroll;
background-repeat:repeat-x;
background-position:top right;
background-color:0094D6;

background-image:url(http://img.photobucket.com/albums/v236/your_scariest_nightmare/background.png);
background-attachment:scroll;
background-repeat:repeat-x;
background-position:top right;
background-color:0094D6;

border-width:2px;
border-color: transparent;
border-style:solid;}
table, td{background-color:transparent;border:none;border-width:0}


or if i were to do such a thing would i have to label it background1 and background2 so it doesnt get confused?..... or is there any other way to basically just add another image on top of the background, but behind everything else without calling it a background in the stylesheet???

I know this is kind of a specific question, but a quick answer would be much appreciated...... Thanks!