title: Navigation bar positioning
body: <p>I would like to know how can I correct this issue, where the navigation bar is wrong positioned (it should be inside the margin lines and at the bottom of the header, as shown in <a href="http://i.gyazo.com/fd5d66f7c7da42671871739c226cdf71.png" rel="nofollow">this</a> image).</p>
  
  <p>The code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Homepage&lt;/title&gt;
  &lt;style type="text/css"&gt;
  html, body { margin: 0; padding: 0; }
  
  #container
  {
   margin: 0 auto;
   background: #FFF;
   width: 100%;
  }
  
  header
  {
   height: 180px;
   padding: 1% 1%;
   background-color: #22272A;
   margin: 0 auto;
  }
  
  title
  {
   color: #FFF;
   margin: 0 auto;
   position: absolute;
   left: 20%;
   top: 2%;
   font-size: 48px;
   font-family: Verdana, Geneva, sans-serif;
  }
  
  nav { position: relative; }   
  nav ul { display: inline-block; }  
  nav ul li
  {
   list-style: none;
   position: relative;
   display: inline-block;
   float: left;
   padding: 10px;
   text-align: center;
  }
  
  nav ul li .active
  {
   color: #3479FA;
   background: #FFF; 
   border: 1px solid white;
   border-radius: 5px;
   padding: 10px;
  }
  
  nav ul li a
  {
   text-decoration: none;
   color: #FFF;
   line-height: 30px;
   width: 40px; 
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="container"&gt;
       &lt;header&gt;
        &lt;title&gt;Sample Text&lt;/title&gt;
              &lt;nav&gt;
               &lt;ul&gt;
                   &lt;li class="active"&gt;&lt;a href="bla.html" class="active"&gt;bla&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="bla.html"&gt;bla&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/header&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>PD: The text is not being shown using this "compiler", but it works on my browser when I run it locally.</p>
  
  <p>Thanks in advance.</p>