Moving a div relative to another div having horizontal scroll
<pre><code>&lt;div style="overflow: hidden; position: relative;height: 80px;overflow-x:auto;overflow-y:hidden;width:550px;" id="div1"&gt;
    &lt;div style="width: 1650px; display: block;"&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div style="width: 550px; position: absolute;" id="div2"&gt;
&lt;/div&gt;
</code></pre>

<p>I wish to move the <code>div</code> with <code>id="div2"</code> in relative way in opposite direction to the movement of the scroll bar of the <code>div</code> with <code>id="div1"</code>.</p>

<p>Using jquery or javascript</p>
