title: How to stretch menu by wrapper height?
body: <p>How to stretch menu by wrapper height?</p>
  
  <p>CSS:</p>
  
  <pre><code>html, body {
      height: 100%;
      width: 100%;
  }
  #wrapper {
      height: 100%;
      margin: 40px;
  }
  .left {
      float: left;
      background-color: #eee;
      width: 20%;
      min-height: 100%;
  }
  .right {
      background-color: #aaa;
      width: 100%;
      min-height: 100%;
      word-break: break-all;
  }
  </code></pre>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/ha5jB/" rel="nofollow">http://jsfiddle.net/ha5jB/</a></p>
  
  <p>Thanks in advance.</p>