Question

I have a slideshow programed here that i want two images to be on top of eachother in the slideshow.

For some reason they are next to eachother and not on top of one another. I want the tag to be on top of the banner in this slide show as i specified here in my slideshow. For some reason they are just appearing next to eachother in the slidse and i cant figure out why?

Here is a link to the example which im having issues with.

I am using this script http://www.meadmiracle.com/SlidingGallery.aspx

http://syndicatebox.com/test/

<style type="text/css">
.banner{
position:relative;
z-index: 1;
}
.tag{
    position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 788px;
    height: 554px;
}
</style>

Basically the border image is supposed to be under the restaurant image but they are appearching next to eachother and i dont want to use a whole png image because of the size it takes up.

You can see what i mean here http://syndicatebox.com/test/

Answer 1

<style>
.back{
position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 788px;
    height: 554px;
    padding: 20px;
    backgroung:url(backgroundframe.jpg);
}

</style>

<div class="back">
<img src="image1.jpg" width="100%" height="100%">
</div>