title: Body not wrapping content (not float or body,html 100% thing...)
body: <p>Why the hell isnt the body/html or .main div wrapping my .container div's, when browsers width is between 767-960 px?! this cause you to be able to scroll horizontally. im so confused, this should work!</p>
  
  <p>All code i have is this:</p>
  
  <pre><code>html, body { 
  width: 100%;
  }
  
  .container {
    .clearfix;
     margin: 0 auto;
  }
  
  @media (min-width: 767px) {
  
  .page-header
  {
      height: 180px;
  }
  
  .container {
      width: 960px;
  }
  
  }
  </code></pre>