How to know margin-left auto pixels from the left side?
<p>I am using jQuery mousemove to follow cursor by image (I am doing this for only one div). I have centered whole page (margin-left: auto ; margin-right: auto;). But here comes problem:</p>

<pre><code>$('.friendSelection').mousemove(function(e){
                $('.follow').show();
                $(".follow").css({left:e.pageX-690, top:e.pageY-30});});
</code></pre>

<p>that e.pageX is giving not main div's x axis, but whole page x axis(and image is really far away from cursor). And now if user has bigger screen, then I have to know how much pixels, margin-left auto had moved whole page, to change cursor position ( $(".follow").css({left:e.pageX-690, top:e.pageY-30}) ). Any Ideas?</p>

<p>P.S. my html code:</p>

<pre><code>&lt;html&gt;
&lt;body&gt;
&lt;div class="mainBody"&gt;
&lt;div class="friendSelection"&gt;
&lt;div class="friend" id="1"&gt;&lt;/div&gt;
&lt;div class="friend" id="2"&gt;&lt;/div&gt;
&lt;div class="friend" id="3"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="follow"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Those friend classes are always falling from top to bottom, this is problem that my follow image is 115x185px and when mouse move, image follows it, but if mouse is moving in whole image then image don't follow cursor</p>
