title: Why is tbody's width equal to the width of the first header in this set up?
body: <p>I am trying to have the table show overflow-y as a scroll. I was using <a href="http://jsfiddle.net/dandv/JPGEk/" rel="nofollow">this fiddle as an example</a>. I already tried to change the <code>th</code> to <code>td</code> to no avail and I'd prefer to keep the <code>th</code> for the style if possible. What is wrong with my set up that makes it so that my entire <code>&lt;tbody&gt;</code> gets placed in the same column as the first header?</p>
  
  <p>My current example (the one with issues) can be seen at:
  <a href="https://jsfiddle.net/vLkgjxwq/" rel="nofollow">https://jsfiddle.net/vLkgjxwq/</a></p>