title: HTML: white space around elements, how to remove?
body: <p>My webpage contains several divs. Some are set to width: 100%, so they fill the whole page width.
  But at the top of the page there is a small whitespace before the first element shows up. Moreover, that same whitespace is visible left and right from elements spanning the whole page width. </p>
  
  <p>I cannot figure out why. If I set: </p>
  
  <pre><code>html, body {
  width: 100%;
  }
  </code></pre>
  
  <p>then the whitespace remains but the page is just stretched out to fit the image width of a div. </p>
  
  <p>Can anyone help? It's probably pretty simple but I must be overlooking something.
  Thank you.</p>
  
  <p>EDIT: I must mention I'm using a parallax element. This uses a padding, so the image does fills the whole div and does not leave a black area on top. The HTML is:</p>
  
  <pre><code>&lt;div class="js-background-1 container"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS:</p>
  
  <pre><code>.container { 
      padding-top: 200px;
  }
  
  .js-background-1 { 
      background: transparent url(url/to/image) center 0 no-repeat;
  }
  </code></pre>
  
  <p>And the javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var $window = $(window); 
  var velocity = 0.4;
  function update(){ 
      var pos = $window.scrollTop(); 
  
      $('.container').each(function() { 
          var $element = $(this); 
          var height = $element.height(); 
  
          $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px');
      });
  }; 
  
  $window.bind('scroll', update);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I used the tutorial from <a href="http://www.webdesign.org/how-to-create-a-parallax-scrolling-website.22336.html">http://www.webdesign.org/how-to-create-a-parallax-scrolling-website.22336.html</a>, so there is where it is from. I changed the HTML a bit for my website, but the rest is the same. </p>
  
  <p>I saw the comment about the margin and padding set to 0, but that leads to my div to have a blank space if you don't scroll far enough. </p>