title: Positioning of my #content div not working?
body: <p>Whenever I put in the HTML for my webpage; the <code>#content div</code> is below the widget/sidebar and I already tried <code>position:absolute</code>- and that causes my images to not re-size.</p>
  
  <pre><code>#content {
      background: #fff;
      margin: 2px 0 2px;
      padding: 20px 62px;
      width: 68%;
      display: block;
      float: left;
      margin-left: 25%;
      /* rounded corner */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      /* box shadow */
      -moz-box-shadow: 0px 0px 0px 0px #000000;
      -webkit-box-shadow: 0px 0px 0px 0px #000000;
      box-shadow: 0px 0px 0px 0px #000000;
  }
  
  /************************************************************************************
  SIDEBAR
  *************************************************************************************/
  #sidebar {
      width: 25%;
      float: left;
      margin: 2px 0 2px;
  }
  .widget {
      background: #0b2d7e;
      margin: 0 0 0px;
      padding: 0px 20px;
      /* rounded corner */
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      /* box shadow */
      -moz-box-shadow: 0px 0px 0px 0px #000000;
      -webkit-box-shadow: 0px 0px 0px 0px #000000;
      box-shadow: 0px 0px 0px 0px #000000;
  }
  </code></pre>