title: Get exact relative mouse position X Y
body: <p>I create table, handlers hooked up mousemove.
  But in top left point I get .offsetX.offsetY equals -5-5.
  Why? I need 0\0.</p>
  
  <pre><code>&lt;table cellpadding="0" 
         id="target" 
         cellspacing="0"
         width="602" 
         height="500"  
         style="float:left;
                position:relative;
                background: url(/content/games/kamikaze2/back.jpg) no-repeat 0 0;"&gt;
      &lt;tbody&gt;...
  &lt;/tbody&gt;
  &lt;/table&gt;
  
  &lt;script type="text/javascript"&gt;
  
      $("#target").mousemove(function (event) {
          var msg = "Handler for .mousemove() called at ";
          msg += event.offsetX + ", " + event.offsetY;
          $("#log").append("&lt;div&gt;" + msg + "&lt;/div&gt;");
      });
  &lt;/script&gt;
  </code></pre>