title: CSS: how to get scrollbars for div inside container of fixed height
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;div class="FixedHeightContainer"&gt;
    &lt;h2&gt;Title&lt;/h2&gt;
    &lt;div class="Content"&gt;
      ..blah blah blah...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS looks like this:</p>
  
  <pre><code>.FixedHeightContainer
  {
    float:right;
    height: 250px;
    width:250px;  
  }
  .Content
  {
    ???
  }
  </code></pre>
  
  <p>Due to its content, the height of <code>div.Content</code> is typically greater than the space provided by <code>div.FixedHeightContainer</code>. At the moment, <code>div.Content</code> merrily extends out of the bottom of <code>div.FixedHeightContainer</code> - not at all what I want.</p>
  
  <p>How do I specify that <code>div.Content</code> gets scrollbars (preferably vertical only, but I'm not fussy) when its height is too great to fit?</p>
  
  <p><code>overflow:auto</code> and <code>overflow:scroll</code> are doing nothing, for some bizarre reason.</p>