title: Css position fixed on header hides content
body: <p>I am making a new website, and i have a problem with the header... I set the header's position to fixed, and that works but the content below the header is hidden. I tried to move the content down with <code>margin-top: 10px</code>, but all it did was move the header down.</p>
  
  <p><strong>Link to jsfiddle:</strong></p>
  
  <p><a href="http://tinyurl.com/pmht2gq" rel="noreferrer">http://jsfiddle.net/vwzhda41/</a></p>