title: CSS: How do achieve two column heights that match the height of the column with the most content?
body: <p>I've taken code from my site and simplified it and put in on jsfiddle to describe my problem a little better.</p>
  
  <p><a href="http://jsfiddle.net/5vMHC/3/" rel="nofollow">http://jsfiddle.net/5vMHC/3/</a></p>
  
  <hr>
  
  <p>So what I'm tryin to do is have a border line seperating the left column from the right column, however I want the line to stretch to the height of the column with the most content. The way I have it setup now, I put border-left on the right column content, so if the content is smaller than the content in the left column, it only stretches to the height of the right column. </p>
  
  <p>How can I make it stretch to length of the longest content? Would I have to make both columns equal to the longest? How do I go about doing this? Is my html structure okay? Thanks!</p>