overlay image on top??

[chas]

if i use divs



.image1{background-image: (url); }
.image2{background-image: (url); }

<div class="image1">
<div class="image2"></div>
</div>


how do i make it so that the image 2 sticks over the top and ABOVE image1 ie image 2 is twice the height of image1

[Nile]

Try this:


<style type="text/css">
.image1{
position: absolute;
z-index: 2;
background-image: (url);
}
.image2{
position: absolute;
z-index: 1;
background-image: (url);
}
</style>
<div class="image1">
<div class="image2"></div>
</div>