title: CSS3 display:table, overflow-y:scroll doesn't work
body: <p>I have a data table that needs to scroll vertically. It seems that if your <em>display</em> value is <em>table</em>, you cannot set a <em>height</em> or <em>max-height</em>, and so <em>overflow-y:scroll</em> does nothing.
  (<a href="http://codepen.io/anon/pen/MYZJdE" rel="noreferrer">Codepen with table</a>)</p>
  
  <pre><code>.fake-table {
    display: table;
    max-height: 300px;
    overflow-y: scroll;
  }
  </code></pre>
  
  <p>Also, if you remove the <em>display:table</em> from the parent but keep the <em>display:table-row</em> and <em>table-cell</em>, the width of the rows will not be 100%;</p>
  
  <p>I tried instead doing this with flexbox (<a href="http://codepen.io/anon/pen/YPdNbo" rel="noreferrer">Codepen with flexbox</a>). But of course, then I don't have nice columns that are left-justified.</p>
  
  <pre><code>.fake-table &gt; * {
    display: flex;
    justify-content: space-around;
  }
  </code></pre>
  
  <p>Browser support is all modern browsers (IE10 +) including mobile safari and android browser.</p>