title: requestAnimationFrame - browser support issues
body: <p><a href="http://jsfiddle.net/xwF6E/14/" rel="nofollow">http://jsfiddle.net/xwF6E/14/</a></p>
  
  <p>Above is a JSfiddle of an animation i'm trying to create. It's works 100% fine in Chrome, however having various issues in other browsers.</p>
  
  <p>It appears that in firefox it doesn't render the animation. As per the the Mozilla Dev Network docs @ <a href="https://developer.mozilla.org/en-US/docs/DOM/window.requestAnimationFrame" rel="nofollow">https://developer.mozilla.org/en-US/docs/DOM/window.requestAnimationFrame</a> , i believe i've added cross browser support but perhaps i'm doing something wrong.</p>
  
  <p>In IE (8 + 10, at least) it does not render the animation, nor my radial gradient (also a side issue if anyone can help).</p>
  
  <p>IE gives me a IndexSizeError error on this line of code</p>
  
  <pre><code>var imageData = context.createImageData(context.canvas.width, context.canvas.height);
  </code></pre>
  
  <p>But i'm not sure what that means specifically, and I can't find much regarding that error/that method.</p>
  
  <p>Anyone able to enlighten me please?</p>
  
  <p>Cheers</p>