Jquery 可滚动div挤压单元格中的宽表

我有一个包含任意数量的列和行的表，标记具有高度和宽度。我的问题是，当我将其放入带有溢出的中时：滚动并且宽度小于表格的宽度，表格单元格会被压扁，即使它们上有指定的宽度

我已经做了一系列测试，如果我指定表格的宽度，它看起来很好。必须有一种CSS方式来完成这项工作，而无需指定表格宽度

这是我的代码和css以及JSFIDLE演示的要点（列的数量无关紧要，只要它大于div的宽度）

<div class="wrapper">
    <table cellspacing="0" cellpadding="0" class="Colors">
        <tbody>
            <tr>
            <td><td>
            <td><td>
            <td><td>
            <td><td>
            <td><td>
            <td><td>
            <td><td>
            <td><td>
        </tbody>
    </table>
</div>

---

为单元格指定一个

最小宽度

，以便它们不会被压扁：

table.Colors td {
    width:25px;
    min-width:25px;

可能无法在较旧的浏览器上工作（IE7？未测试）

---

工作提琴：

谢谢！我知道我错过了一件非常简单的事情。：）很抱歉。链接已修复。

table.Colors td {
    width:25px;
    min-width:25px;