title: CSS height 100% of its parent
body: <p>i have this page: <a href="http://www.nyccriminallawyer.com/felonymisdemeanor/" rel="nofollow">http://www.nyccriminallawyer.com/felonymisdemeanor/</a>
  what i want to do is make the left inner box (the white one with Felony/Misdemeanor as title called .in_left) to be of 100% height of its parent (called .inner)</p>
  
  <p>codes are here:</p>
  
  <pre><code>.in_left {
  float: left;
  width: 721px;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  background-color: white;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 0px 11px -4px #000;
  }
  
  .inner {
  background: #CCD7CC;
  margin-top: 1px;
  color: #5A5A5A;
  padding: 10px;
  clear: both;
  overflow: hidden;
  }
  </code></pre>
  
  <p>i have tried height: 100% and min-height as well, but it doesn't work.</p>