title: What is the cross-browser way to set a max height on a table?
body: <p>I have a table where I set the height of the tbody</p>
  
  <pre><code>#ml_container table&gt;tbody{ height: 500px; overflow: auto; overflow-x: hidden; }
  </code></pre>
  
  <p>The issue is that when the table has 1 entry, the 1 entry is 500px high in FF3.  I would like the 1 entry to still be 20px (or whatever I specify).  Another issue is that Safari doesn't even recognize this 500px setting so the table has no max height.  I just want a scrollable table that will display 500px high worth of entries at a time.  Any ideas on how to do this?</p>