title: Setting a div's height in HTML with CSS
body: <p>I am trying to lay out a table-like page with two columns.  I want the rightmost column to dock to the right of the page, and this column should have a distinct background color.  The content in the right side is almost always going to be smaller than that on the left.  I would like the div on the right to always be tall enough to reach the separator for the row below it.  How can I make my background color fill that space?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.rightfloat {
    color: red;
    background-color: #BBBBBB;
    float: right;
    width: 200px;
  }
  
  .left {
    font-size: 20pt;
  }
  
  .separator {
    clear: both;
    width: 100%;
    border-top: 1px solid black;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="separator"&gt;
    &lt;div class="rightfloat"&gt;
      Some really short content.
    &lt;/div&gt;
    &lt;div class="left"&gt; 
      Some really really really really really really
      really really really really big content
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="separator"&gt;
    &lt;div class="rightfloat"&gt;
      Some more short content.
    &lt;/div&gt;
    &lt;div class="left"&gt; 
      Some really really really really really really
      really really really really big content
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <hr>
  
  <p>Edit:  I agree that this example is very table-like and an actual table would be a fine choice.  But my "real" page will eventually be less table-like, and I'd just like to first master this task!</p>
  
  <p>Also, for some reason, when I create/edit my posts in IE7, the code shows up correctly in the preview view, but when I actually post the message, the formatting gets removed.  Editing my post in Firefox 2 seems to have worked, FWIW.</p>
  
  <hr>
  
  <p>Another edit: Yeah, I unaccepted GateKiller's answer.  It does indeed work nicely on my simple page, but not in my actual heavier page.  I'll investigate some of the links y'all have pointed me to.</p>