Указание ширины в процентах для ячеек таблицы CSS

Я пытаюсь создать недельный календарь на основе HTML / CSS, используя стили CSS display: table-cell для div, соответствующих каждому дню. Когда я указываю процентную ширину для дневных div, превышающую 17%, они заполняют весь экран, как и ожидалось (поскольку 7 * 17%> 100%).

jsfiddle здесь: http://jsfiddle.net/huDxZ/1/

Однако, когда я указываю процентную ширину, равную 16% или меньше, блоки div ведут себя совершенно иначе, занимая только часть ширина страницы.

jsfiddle здесь: http://jsfiddle.net/DLjnH/

Я бы хотел, чтобы каждый из моих дневных div имел ширину около 14%, чтобы они примерно заполняли ширину страницы и имели одинаковые размеры. К сожалению, ширина 14% выглядит еще хуже.

jsfiddle здесь: http: //jsfiddle.net/YB5bY/

Что вызывает такое неожиданное поведение? Есть ли способ обойти это? Мне нужно явно указать ширину, потому что в конечном итоге я хотел бы, чтобы дни календаря расширялись при наведении курсора мыши.

Пожалуйста, никаких решений с поплавками.

Спасибо!