title: 2 Column Layout Not Working
body: <p>I tried using this guy's tutorial of making a 2 column layout:
  <a href="http://www.vanseodesign.com/css/2-column-layout-code/" rel="nofollow">http://www.vanseodesign.com/css/2-column-layout-code/</a></p>
  
  <p>Here's how mine came out : / <a href="http://jsfiddle.net/WrpA8/" rel="nofollow">http://jsfiddle.net/WrpA8/</a></p>
  
  <p>The CSS:</p>
  
  <pre><code>#container {
      width: 800px;
      margin: 40px auto;
      border: 1px solid black;
  }
  #header {
      border: 1px solid black;
  }
  #sidebar {
      float: left;
      width: 200px;
      padding: 4px;
      border: 1px solid black;
  }
  #content {
      float: left;
      width: 600px;
      padding: 4px;
      border: 1px solid black;
  }
  #footer {
      clear: both;
      border: 1px solid black;
  }
  </code></pre>