title: Why does FireFox does not always select the correct event target? (Path Element Specifically)
body: <p>I am not sure if this is a bug in firefox or what not, but I am having a problem that only exists firefox.</p>
  
  <p>I have the html code below:</p>
  
  <pre><code>&lt;div id="Div1"&gt;&lt;/div&gt;   
  &lt;div id="mydiv"&gt;
     &lt;div style="height: 590px;"&gt;
        &lt;svg id="mySvg" style="height: 100%; width: 100%; z-index: 8000;"&gt;
           &lt;g&gt;
              &lt;path stroke="black" d="M50,123L1400,323" style="stroke-width: 10; opacity: 1;"&gt;  &lt;/path&gt;
           &lt;/g&gt;
        &lt;/svg&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using javascript / jquery, I am trying to handle the mousemove event:</p>
  
  <pre><code>$("#mydiv").mousemove(function (x) {
    Div1.innerHTML = x.target.tagName;
  });
  </code></pre>
  
  <p>The problem I have is that even when the mouse is on top of the line, it does not always shows the path as the event target tagName.  </p>
  
  <p>Please note:</p>
  
  <ol>
  <li>This does not seems to be a problem when the angle of the path is
  (0 degrees) </li>
  <li>This does not seems to be a problem when line is
  short </li>
  <li>As mentioned, this is not a problem in IE9 nor in Chrome
  v24.  I am testing with FireFox v18.</li>
  </ol>
  
  <p>I have created <a href="http://jsfiddle.net/CxEYV/3/" rel="nofollow">jsFiddle</a> for review.</p>
  
  <p>If at all possible, please let me know if I am doing something wrong, or if there is a workaround for this problem.</p>
  
  <p>Thank you for all the help</p>