keeping image contained within another image.

keeping image contained within another image.

How can I keep a close button contained inside an image even is I change
the img size using jquery
#full_image {
width: 200px;
height: 200px;
left: 0px;
top:10px;
position: relative;
opacity: 1;
z-index: 9;
}
#full_image img {
left: 20px;
width: 339px;
height: 211px;
position: relative;
overflow: hidden;
}
#full_image .close{
background: url("http://www.sobral.ce.gov.br/saudedafamilia/close.jpg")
no-repeat;
top: 5px;
right: 0px;
cursor: pointer;
height: 29px;
opacity: 1;
position: absolute;
width: 29px;
z-index: 999;
}
<div id="full_image"><img
src="http://coe.berkeley.edu/forefront/fall2005/images/woz1.jpg" />
<span> <a href="#" class="close"></a></span>
</div>
JSFIDDLE