CSS Style Help with Background/Foreground Image

[mcmuney]

I'm pulling member images from the database and displaying them and I'd like to decorate how the image is displayed with an additional image, like a frame, placing it behind the member image. See this example: http://www.rateometer.com/images/vignette_bkgd.gif

 

The 1st picture is the frame image. The 3rd picture is how it will look if I place the frame image in the background. The 2nd picture is how it will look if I can place the frame image at the top of the member image, which would look much better. The question is, can that be done? If so, how?

 

Thanks in advance.

[emehrkay]

hmmm this may be a kludge or div-itis, but try it out. (you fill in the blanks)

 

.pic_container{

height: ;

width: ;

position: relative;

z-index: 1;

}

 

.pic_border{

height: ;

width: ;

position: absolute;

top: 0;

left: 0;

z-index: 10;

}

 

 

<div class = "pic_container">

<div class = "pic_border">

</div>

<img src="..." />

</div>