Фиксация блока при вертикальной прокрутке

[ВалекFCRK]

Здравствуйте.
У меня div класс table шириной 350px в котором расположена таблица. Внутри которой сверху блок zagol отвечающий за заголовки . В каждой таблице значений очень много. По этому у table стоит свойство overflow: auto;

Хочу сделать чтобы при скролинге блока table класс с заголовками zagol оставался всегда на своем месте. Для этого я сделал position: fixed;
ВСе вроде отлично до тех пор, пока ширина ROW не начинает превышать 350px.
Тогда у table появляется горизонтальный скролинг. И при его прокрутке. Блок с заголовками zagol остается фиксированным.А под заголовком Имя у меня уже столбец не имен, а фамилий.

PHP код:

<div class="table'>
   <div class="zagol" style="width: 350px; overflow: auto;">Имя:Фамилия:Отчество: ... :Дата
   </div>

   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>
   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>
   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>
   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>
   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>
   <div class="ROW">Валентин:Валентинов:Валентинович: ... : 27,03,2014
   </div>

</div> 


Подскажите пожалуйста решение такой проблемы.
Возможно можно отследить положение скрола блока table через Java скрипт?
Спасибо

[ATL]

PHP код:

function isOverflowed(element){
    return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
} 


Функция вернёт true, если у элемента есть скролл. Fiddle

[ВалекFCRK]

Сообщение от ATL

PHP код:

function isOverflowed(element){
    return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
} 


Функция вернёт true, если у элемента есть скролл. Fiddle

Расскажи пожалуйста подробнее. Я в js не силен. Как это может помочь мне?
Я могу проверить есть ли у блока zagol скрол или нет. Если есть, то что?