title: linear gradient in html not covering entire page
body: <p>I have a simple HTML page. I want to make background of the page gradient. I have written following code but instead of creating a single gradient from black to white running from top of the page to the bottom of the page, the browser (chrome) is creating multiple small repeating patterns of the gradient. What am I doing wrong?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" xmlns:font-variant="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;HTML Test&lt;/title&gt;
      &lt;style type="text/css" media="screen"&gt;
          body{
          background-color:#000000;
          background-image:linear-gradient(#000000,#ffffff);
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>