Проблема с шириной колонок таблицы

[Indev29]

Здравствуйте!
У меня снова проблемы, надеюсь на Вашу помощь)
Имеется таблица, формируемая в Javascript. Таблица имеет 2 строки, верхняя - месяц, нижняя - дни. Так как необходим "резиновый" шаблон, ширина колонок указана как "auto", однако если в одном из месяцев только один день, то она расширяется (необходимо, чтобы все колонки были равны). Ниже - скриншот (Верхняя таблица - не правильно, нижняя - так как надо):

HTML (таблица):

<table>
<tbody>
<tr>
<td class="month" colspan="1">Декабрь</td>
<td class="month" colspan="29">Январь</td>
</tr>
<tr>
<td class="day" name="31.12.2013">31</td>
<td class="day" name="1.1.2014">01</td>
#days...
<td class="day" name="28.1.2014">28</td>
<td class="day red" name="29.1.2014">
</tr>
</tbody>
</table>

CSS:

table
{
width: 100%;
margin-top: 10px;
border-right: 0px;
border-spacing: 0px;
border-left: 1px solid #e8c17c;
border-top: 1px solid #e8c17c;
border-bottom: 1px solid #e8c17c;
font-size: 10px;
}
table tr
{
width: 100%;
}
td
{
text-align: center;
border-right: 1px solid #e8c17c;
}
td.month
{
width: auto;
height: 20px;
text-align: left;
}
td.day
{
width: auto;
height: 30px;
border-top: 1px solid #e8c17c;
cursor: pointer;
}

Заранее спасибо!