title: max-height not working on table
body: <p>On my site, on certain pages, there is a table of boxes that list some info. If there are say 6 items to be displayed, then the table cell containing the info should have a scrollbar - the cell should NOT expand.</p>
  
  <p>So, I have the following layout:</p>
  
  <pre><code>&lt;table style="overflow-y:scroll"&gt; //this contains multiple boxes for different topics
      &lt;tr style="overflow-y:scroll;max-height:200px;"&gt; //this contains one topic of info
         &lt;td style="overflow-y:scroll;max-height:200px;"&gt; //This contains one topic of info
             &lt;table style="overflow-y:scroll;max-height:200px;"&gt; //contains one topic with several items
                &lt;tr&gt;&lt;td&gt;OneItem&lt;/td&gt;&lt;/tr&gt;
                &lt;tr&gt;&lt;td&gt;AnotherItem&lt;/td&gt;&lt;/tr&gt; (and say, this goes on for 10 items)
             &lt;/table&gt;
         &lt;/td&gt;
      &lt;/tr&gt;
    //the outermost &lt;tr&gt; would repeat itself here, say 5 times for each of a few different topics.
  &lt;/table&gt;
  </code></pre>
  
  <p>But, this, unfortunately, results in a box larger that keeps stretching for each new item added. if it has enough items. (when update is complete, I will use CSS, and <code>overflow-y:auto</code>, but am using as I displayed for better test purposes).</p>
  
  <p>And I did originally try it with only one outer table, but the layout is slightly more complex than I've displayed here, so the single outer table didn't display as needed.</p>
  
  <p>But what I need is to know how to make the max-height prevent the <code>&lt;tr&gt;</code>,<code>&lt;td&gt;</code>, or <code>&lt;table&gt;</code> from stretching.</p>
  
  <p>Any help is greatly appreciated.</p>