Problemino css

[dezio]

Problemino css

Sto creando una semplice tabella con una serie di numeri

        <table cellspacing="0" cellpadding="0">
            <tr>
                <td class="empty">Disciplina / Flex</td>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
                <th>5</th>
                <th>6</th>
                <th>7</th>
                <th>8</th>
                <th>9</th>
                <th>10</th>
            </tr>
        </table>

Nel td ho questo css

th, td{text-align:center;padding:.5em;border:1px solid #fff;}
th{background:#202020;color:#fff;}
td{background:#fff;}

Tutto perfetto, ma.. sul numero 10, essendo di 2 cifre la tabella si allarga e "stona" rispetto alle altre.. c'è modo di poterla rendere della dimensione uguale a tutte le altre?

Grazie

edit:
Ho aggiunto un

width: 16px;

e ho risolto, l'unico problema è che se metto un testo lungo la tabella non si ri-adatta insieme alle altre