I have following markup:\[code\]<a href="http://stackoverflow.com/questions/14418489/#"><img src="http://stackoverflow.com/questions/14418489/sample-article-img.jpg" alt="Mri Machine" title="medical" class="alignright size-medium wp-image-3109"></a>\[/code\]I need to overlay this with another image (enlarge button): \[code\]images/article-zoom.png\[/code\]Problem #1, I cannot change markup.Problem #1, I don't have class or id on \[code\]<a>\[/code\]My idea was to use jquery completely, drop zoom.png next to the first image (client side) put position absolute on it. But the problem here is that primary image will be floated, so my enlarge button will not move with it.Any ideas?