HTML+CSS+JavaScript

Всем привет. Такая проблема. Нужно создать таблицу с фиксированной строкой заголовка и левым столбцом (аналогия Exсelя). И чтобы при прокрутки по вертикали двигалась "начинка" и левая колонка, а при прокрутке по горизонтале - "начинка" и строка заголовков.
Верхнуюю строку и левый столбец и сама таблица (т.е."начинка") находятся в разных div-ax.
Для div-а где начинка указаны свойсва overflow:scroll, а для других overflow:hidden.
Когда происходит событие onscroll - двигаем содержимое других div. НО - проблема в том, что неполучается совместить линии границ ячеек. В css -указана ширина ячеек, но браузер сжимает "начинку", если содержимое не вмещается в div не смотря на полосу прокрутки. Подскажите как быть. Может кто-то сталкивался с подобной задачей. Любые комментарии будут полезны, приветсвую другие идеи создания таких таблиц.

не получается совместить линии границ ячеек.

1. В первой строке обеих таблиц прописать непроцентные ширины столбцов с атрибутом стиля table-layout:fixed .

2. Для настоящих гуру. Таблицу сделать одну. Div один, точнее, вообще не делать. Прокрутку сэмулировать кнопками или узким дивом справа. При кручении колеса мыши (onmousewheel) или полосы прокрутки (onscroll) удалять или добавлять строки таблицы вверху или внизу методами DOM.

Спасибо за дельный совет, время не терпит надо сдавать прогу, table-layout:fixed - решит мои проблемы, второй совет приму к сведенью на будущее, авось понадобиться. Еще раз спасибо.