overlay image position changes during zoom out

Question

when I zoom out the webpage , the overlay image position changes.

how can I avoid these. [Sample website is given below]

Demo website : Netstrikers

website is created in wordpress.

my single.php code : http://pastebin.com/raw.php?i=8ReWyLxu

Answer 1

Please check it and set position:relative. in content div..

<div id="content" style='position: relative;'>
   <div id="xx1" onclick="myFunction()">
       <img src="http://i.imgur.com/YqqQj2x.png">
   </div>
   <.....>
</div>