title: Content goes out of div
body: <p>Really can't figure out what's wrong with it, but all the content I add into div, goes out of it, just like it's not in it.</p>
  
  <p>Check it here: <a href="http://jsfiddle.net/au5Jf/27/" rel="nofollow">JSFiddle</a>!</p>
  
  <p>HTML___</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="container"&gt;
          &lt;div id="header"&gt;
              &lt;div id="logo"&gt;
                  TEXT GOES OUTSIDE OF DIV :'((
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS___</p>
  
  <pre><code>#container {
      width: 960px;
      margin: 20px auto 0 auto;
      background: yellow;
  }
  
  #header {
      position: relative;
      width: 100%;
      background: yellow;
      border: 1px solid black;
      padding: 2px; /*just to see the div*/
  }
  
  #logo {
      float: left;
  }
  </code></pre>