Table cell size [CSS FIX]

CSS Fix for a table cell to grow and cut its size when resizing depending on other cells in the row. (Variable width for all cells)

HTML

<table style="width: 500px;">
            <td style="">First cell</td>
            <td style="">Less content here</td>
</table>

CSS

table{border:0;
    border-collapse:collapse; 
    display: table; 
    width: 500px;
    table-layout: fixed;
}
td {
    border:1px solid #ccc;
    padding:5px 0 5px 2px;
    white-space:nowrap;
    max-width: 50px;
    overflow: hidden;
    display: table-cell;
    table-layout: fixed;
}
td:last-child {
    max-width: none
}