two background images working together?, i need to put an image repeating down sides, with my center overlay Options

[brooklyneast05]

im making an overlay for my profile
so in the code it says

body {
background-color: 660000;
background-image: url("http://i6.photobucket.com/albums/y242/brooklyneast05/Myspace/ok.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center
}


that works fine, the problem is that i want another image going down each side, repeating, with my main overlay image still in the center
im not sure where i can put the url to the side image so that it will show up.


if i put this in

body {
background-image: url(http://i6.photobucket.com/albums/y242/brooklyneast05/Myspace/Myspace_v2_by_wireless_studios.jpg) ;
background-repeat: repeat-y ;
background-position: top left;
line-height: 14px;
cursor: default;
background-color: 660000;}


i see the side image, but i no longer see my main over lay image in the center.

id appreciate any advice on what i need to do, thanks

[YourSuperior]

Hmmm. Let's see. Scratch what I just told you to do and try adding this:

CODE

<style type="text/css">
.mainimage{
background-image: url('http://i6.photobucket.com/albums/y242/brooklyneast05/Myspace/ok.png');
background-attachment: fixed;
position: absolute;
overflow: none;
margin-left: ###px;
margin-top: ###px;
padding-top: 0px;
padding-bottom: 0px;
}
</style>

And add this at the end of your coding:

CODE

<div class="mainimage"></div>

Try adding that to your code ad use margin-left and margin-top to position your image.