только css - Переполнение таблицы с фиксированным заголовком

Я пытаюсь построить таблицу, которую можно прокручивать в направлениях x и y, если содержимое больше контейнера. Я также хочу, чтобы заголовок всегда был виден вверху. У меня работает первая часть, и заголовок всегда виден вверху, однако размеры столбца заголовка не совпадают с размерами таблицы таблицы.

Я создал эту скрипту:

http://jsfiddle.net/xxQQS/1/

Мне нужно решение только для CSS.

РЕДАКТИРОВАТЬ: Кажется, есть довольно много людей, которые думают, что это невозможно сделать только с помощью CSS. Это может быть правдой, однако, пожалуйста, не просто пишите «нет, это невозможно». Если вы можете объяснить, почему это невозможно сделать без CSS, я приму ваш ответ.