posição absoluta dentro do pai de largura variável div - html, css, css3

Estou tendo um filho div que eu quero ser posicionado como absoluto para estar no canto superior direito.

Por padrão, está à esquerda.

A div principal tem uma largura variável, assumindo a largura de uma imagem dentro da div.

O exemplo Aqui

Não posso usar uma margem esquerda, pois a div pai está tendo uma largura variável.

O uso de calc também falhou, pois 100% está ocupando a largura da página.

O html -

<div class="pic">
<div class="imgc">
<img src="/images/http://nvoids.in/dir/album_image/image_6642.jpeg" />
</div>
<div class="del">
<a href="#">X</a>
</div>
</div>

<div class="pic">
<div class="imgc">
<img src="/images/http://nvoids.in/dir/album_image/image_6638.jpeg" />
</div>
<div class="del">
<a href="#">X</a>
</div>
</div>

O código CSS -

.imgc {
float:left
}

.del {
position:absolute;
float:right;
background-color:black;
color:white;
//display:none;
}
.del a {
color: white;
text-decoration:none;
}

.pic {
float:left;
}
.pic:hover .del {
margin-left: 10px;
display:block;
}

Respostas:

.del {
position:absolute;
right:0;
top:0;
}

.pic {
float:left;
position:relative;
}

https://jsfiddle.net/kacmn38b/2/