Layering an image but with a link

[chadfox]

I am trying to layer 2 images one on top of each other but the second image that is on top is also a link.Here is the working code for it:\[code\]<div style="position: relative; left: 0; top: 0;"> <img src="http://www.handicappedpets.com/images/newproducts/fabricharnessweb.jpg" style="position: relative; top: 0; left: 0;"/> <a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.handicappedpets.com%2Findex.php%2Fwalkin-wheels-rear-harness.html&media=http%3A%2F%2Fwww.handicappedpets.com%2Fimages%2Fnewproducts%2Ffabricharnessweb.jpg&description=The%20Walkin'%20Wheels%20Rear%20Harness%20is%20used%20to%20support%20your%20dogs%20hind%20quarters.%20Starting%20at%20%2439.99" class="pin-it-button" count-layout="horizontal"><img border="0" src="http://stackoverflow.com//assets.pinterest.com/images/PinExt.png" title="Pin It" style="position: absolute; top: 425px; left: 20px;" /></a></div>\[/code\](Or you can click here) http://jsfiddle.net/danield770/nFvUu/3/But if i throw this code into a real website..http://www.handicappedpets.com/index.php?option=com_content&view=article&id=819It push's the image off to the side instead of on top of each other. Any ideas of why it does this?Thanks