title: zoom in cursor not working
body: <p>I am trying to add zoom in cursor to table but somehow not working.</p>
  
  <pre><code>&lt;div style="height: 280px;overflow: auto" &gt;
  &lt;table class="gridHover  "&gt;
  
      &lt;tbody  style = "cursor: zoom-in" &gt;
          &lt;tr  &gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr &gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr &gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
              &lt;td&gt;FFF&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p></p>
  
  <p>I think its because of that gridHover class. Can someone tell how to use zoom in cursor. I want to make it work on IE, chrome and FF.
  Here is <a href="http://jsfiddle.net/vc79nLkm/7/" rel="nofollow">fiddle</a></p>