title: How to remove margin space around body or clear default css styles
body: <p>I am admittedly a beginner, but I also did a fair amount of searching before posting this. There seems to be extra space around my div element. I also would like to point out that I tried many combinations of border: 0, padding:0, etc. and nothing seemed to get rid of the white space.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          #header_div  {
              background: #0A62AA;
              height: 64px;
              min-width: 500px;
          } 
          #vipcentral_logo { float:left;  margin: 0 0 0 0; }
          #intel_logo      { float:right; margin: 0 0 0 0; }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="header_div"&gt;
          &lt;img src="header_logo.png" id="vipcentral_logo"&gt;
          &lt;img src="intel_logo.png" id="intel_logo"/&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is what it looks like (I inserted red arrows to explicitly call out the extra space):</p>
  
  <p><img src="https://i.stack.imgur.com/4aov3.png" alt="Extra space around a div element"></p>
  
  <p>I was expecting the blue color to abut directly to the browser edges and toolbar. The images are both exactly 64 pixels tall and have the same background color as the one assigned to #header_div. Any information would be greatly appreciated.</p>