HTML table 100% width, with vertical scroll inside tbody

Topic on Stackoverflow: http://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-scroll-inside-tbody

HTML

<table class="width">
  
    <tbody>
        <tr>
            <td>Content 1 olha que legal</td>
            <td>Content 2</td>
            <td>Content 3</td>
            <td>Content 4</td>
            <td>Content 5</td>
        </tr>
    </tbody>
</table>

<table class="block">
  
    <tbody>
        <tr>
            <td>Content 1 olha que legal</td>
            <td>Content 2</td>
            <td>Content 3</td>
            <td>Content 4</td>
            <td>Content 5</td>
        </tr>
    </tbody>
</table>

CSS

table.width {
    width: 100%; /* Optional */
    border-collapse:collapse;
    white-space: nowrap;
    border: 1px solid green;
}

table.width{ display: block; overflow-x: auto;}

td{border: 1px solid #000;width:20%;padding:5px 20px;text-align:center;}

table.block {
    margin-top:20px;
    width: 100%; /* Optional */
    border-collapse:collapse;
    white-space: nowrap; 

}

table.block{ overflow-x: auto;}