title: CSS two column layout - Height 100% and width 100%
body: <p>Check out my fiddle:</p>
  
  <p><a href="http://jsfiddle.net/uvk80oob/" rel="nofollow">http://jsfiddle.net/uvk80oob/</a></p>
  
  <pre><code>.content {
  width: 70%;
  height: 100%;
  float: left;
  bgcolor: #f8f4eb;
  }
  
  .sidebar{
  width: 200px;
  height: 100%;
  float: left;
  background: url(http://i.imgur.com/S0I0UaN.png) repeat left top;
  }
  </code></pre>
  
  <p>I am trying to make a simple layout for my personal use, and learning purposes. Having tried this for over three hours now, this is the closest I can get. I need the sidebar background image to be of 100% height. Also, I need the content width to be 100%.</p>
  
  <p>Basically, the content div needs to be 100% at all times, and the sidebar background image could be fixed for all that matter. But it needs to be of 100% height.</p>
  
  <p>Anyone who could point me in the right direction? Thanks very much in advance!</p>