title: Css div wont go to the top or all the way to the sides
body: <p>I have started a website with a redbackground and i want a little bit of white at the top. </p>
  
  <p>i have this code:</p>
  
  <p>CSS:</p>
  
  <pre><code>body {
  
  background-color: #ff4d4d;
  }
  #header {
  background-color: #ffffff;
  height: 20px;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Fat Oblongs&lt;/title&gt;
  &lt;link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Which produces:
  <img src="https://i.stack.imgur.com/qIpe0.png" alt=""></p>