how to show delete button in top right corner of Image?

Question

i would like to show delete button at top right corner to image? how could i achieve this?

my html is like this :-

main image :

Answer 1

I have coded one up for you http://jsfiddle.net/PPN7Q/

You need to wrap the image in a DIV

 Delete

and apply the following CSS rules

.thumbnail {
width:50px;
height:50px;
position:relative;
}

.thumbnail img {
max-width:100%;
max-height:100%;
}

.thumbnail a {
display:block;
width:10px;
height:10px;
position:absolute;
top:3px;
right:3px;
background:#c00;
overflow:hidden;
text-indent:-9999px;
}