title: Content hides under fixed positioned div
body: <p>Here is the code:</p>
  
  <pre><code>    &lt;body style="margin: 0; background-color: #FFFFFF; color: #001f1f; font-family: 'Oxygen', sans-serif; font-size: 15px; background-image:url('img/2.png');"&gt;
  
  &lt;div style="width: 100%; height: 20px; position: fixed; background-color: #001f1f; text-align: right; color: #ffffff; padding-right: 100px;"&gt;&lt;span style="float: left;"&gt;Search&lt;/span&gt;View your shopping cart&lt;/div&gt;
  &lt;div style="width: 100%; height: 100px; margin-top: 20px; position: fixed; background-color: #f1f1f1; box-shadow: 0px 3px 3px #c9c9c9;"&gt;&lt;a href="#"&gt;&lt;img src="img/logo.png" style="float:left;"&gt;&lt;/a&gt;&lt;/div&gt;
  
  Text example
  </code></pre>
  
  <p> 
  What should I change that "Text example" wouldn't be behing those fixed div's?</p>