title: HTML how to make each row of a table scrollable?
body: <p>I have a table, I want to give css "overflow:scroll" to each tr, but its not working. Here is my code.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td&gt;hai&lt;/td&gt;
      &lt;td&gt;hellow&lt;/td&gt;
      &lt;td&gt;shcjbjs&lt;/td&gt;
      &lt;td&gt;dvkd&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;hai&lt;/td&gt;
      &lt;td&gt;hellow&lt;/td&gt;
      &lt;td&gt;shcjbjs&lt;/td&gt;
      &lt;td&gt;dvkd&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;hai&lt;/td&gt;
      &lt;td&gt;hellow&lt;/td&gt;
      &lt;td&gt;shcjbjs&lt;/td&gt;
      &lt;td&gt;dvkd&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;hai&lt;/td&gt;
      &lt;td&gt;hellow&lt;/td&gt;
      &lt;td&gt;shcjbjs&lt;/td&gt;
      &lt;td&gt;dvkd&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>table{
  border:1px solid red;
  }
  td{
    border:1px solid blue;
    height:100px;
  }
  tr{
    height:50px;
    overflow-y:scroll;
  }
  </code></pre>
  
  <p>I have made a <a href="http://jsfiddle.net/E2r2W/" rel="nofollow">fiddle</a> with the example please give me a solution.</p>