Problem with background images, i want to have two background images...kinda 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

[freeflow]

I haven't used moveable type but to my knowledge you can't have two background images. Your best bet ist to somehow connect them into one.