title: Chrome radial gradient not displaying correctly
body: <p>I'm using Chrome version 24.0.1312.25 beta-m and I'm trying to get a radial gradient for a small site, it doesn't seem to display correctly in Chrome.</p>
  
  <p>The CSS I'm using is:</p>
  
  <pre><code>html {
      background: -webkit-radial-gradient(circle, rgb(255, 255, 255), rgb(0, 0, 0));
  }
  </code></pre>
  
  <p>With the HTML:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;link rel="stylesheet" type="text/css" href="dHb.css" /&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And it's displaying as this: <a href="http://i.imgur.com/GCWyF.jpg" rel="nofollow">http://i.imgur.com/GCWyF.jpg</a></p>
  
  <p>First of all, it's not radial. Secondly, there's a band directly in the center if you look closely.</p>
  
  <p>Does anyone know why this is happening and what I can do to make it work?</p>