title: Child DIV change height to match other child DIV
body: <p>I have scoured the internet looking for a solution to this and I am sure it is right under my nose. Will someone please help? </p>
  
  <p>I have a parent div with two children. Each child has static widths and I need each one to change their height to match the other according to the content. In other words, If "child-div-a" is taller than "child-div-b, then "child-div-b" needs to automatically scale the same height of "child-div-a". I have been able to get the parent to scale to the largest child but not the other child. I cannot seem to get the left div (a) to always be the same height as the right/content div (b). You would think this would be very simple or maybe I'm an idiot. </p>
  
  <p>Thank you in advance for all help.</p>
  
  <p>Joshua</p>
  
  <hr>
  
  <p><strong>My probelm has been solved.</strong> </p>
  
  <p>The first response I saw from japanPro contained a link to Ed Elliot's blog. That contained info on faux columns. I fairly simple concept that I can't believe I didn't see. It was all smoke and mirrors, but I was too focussed on the illusion to see how the trick can be done (if that makes any since). Here is the CSS I came up with:</p>
  
  <pre><code>#child-div-container{
      width: 800px;
      position: relative;
      overflow: hidden;
      background-image: url(../../../images/faux_column_bkground.gif);
      background-repeat: repeat-y;
      }
  
   #child-div-a{
      float: left;
      width: 125px;
      }
  
   #child-div-b{
      float: left;
      width: auto;
      height: 100%;
      margin-left: 5px;
      }
  </code></pre>
  
  <p>Thank you again to everyone who responded to my needs. Everyone gave viable information. I only hope I can develop my skils and knowledge to the point of offering advice instead of asking for it.</p>
  
  <p>Joshua</p>