how to pin a marker on static image in html java page
<p>I am displaying one static image using html/jsp/javascript. I am trying to pin a marker on the static image by using absolute and relative tags.</p>

<pre><code>&lt;div style="position: relative; left: 0; top: 0;"&gt;
&lt;img src="a.jpg" style="position: relative; top: 0; left: 0;"/&gt;
&lt;img src="b.jpg" style="position: absolute; top: 25px; left: 25px;"/&gt;
&lt;/div&gt;
</code></pre>

<p>The problem is when i zoom the image, marker remains on the screen at same 25px, 25px. How can i lock the marker on the image so that even after zooming or moving the image scroll bar, marker should move automatically along with the image.</p>

<p>with above code, it appears marker is locked on the screen, not on the static image.</p>