Bild über Bild legen

[Collin]

Ich habe ein Bild, das ist 300 x 300 Pixel gross.
Ich möchte das dieses Bild angezeigt wird, und darüber ein weitere Bild gelegt wird.
Unten rechts in der Ecke des eigentlichen Bildes, soll das zweite über dem ersten liegen

  
.dia {  
margin:0 10px 10px 0;  
padding:10px;  
float:left;  
border: #C0C0C0 1px solid;  
width:300px;  
height:300px;  
}  
  
.ecke{  
background-image: url(ecke.png);  
z-index:99;  
}

<div class="dia">  
<div class="ecke">  
<img src="bild.jpg" alt="">  
</div>  
</div>