title: CSS max-height not working
body: <p>I have a very simply problem where I need a div to expand to fit its contents unless the height reaches a certain size, when I want the div to scroll vertically instead. As a test, I created a page containing:</p>
  
  <pre><code>&lt;div style="width:300px;max-height:25px;background-color:green;overflow:auto;"&gt;
      1&lt;br /&gt;
      2&lt;br /&gt;
      3&lt;br /&gt;
      4&lt;br /&gt;
      5
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately, the max-height doesn't seem to work. What am I doing wrong?</p>
  
  <p>I am using IE7.</p>