Вертикальная и горизонтальная фиксация с прокруткой

Здравствуйте! У меня задача сделать так, чтобы верхняя строка таблицы (шапка) фиксировалась по вертикали, а по горизонтали прокручивалась, а самый левый столбец фиксировался по горизонтали, а по вертикали прокручивался. Нашел я скрипт, по отдельности работает, а вместе не работает. Я в Джава полный ноль, подскажите могут ли эти два скрипта конфликтовать и что изменить, чтобы заработало?

Верхняя строка таблицы с индексом id="fix_vertical" и position: absolute;
Скрипт:

Код (Text):

1. <script>
2.     window.onscroll=function(){
3.         var s=(document.documentElement.scrollTop||document.body.scrollTop);
4.         document.getElementById("fix_vertical").style.top=s+54+'px';
5.     };
6. </script>

Самый левый столбец с индексом id="fix_horizon" и position: absolute;
Скрипт:

Код (Text):

1. <script>
2.     window.onscroll=function(){
3.         var s=(document.documentElement.scrollLeft||document.body.scrollLeft);
4.         document.getElementById("fix_horizon").style.left=s+20+'px';
5.     };
6. </script>

 

С помощью стилей не решается. В один обработчик так:

Код (Text):

1. <script>
2.     window.onscroll=function(){
3.         var s=(document.documentElement.scrollTop||document.body.scrollTop);
4.         document.getElementById("fix_vertical").style.top=s+54+'px';
5.         var o=(document.documentElement.scrollLeft||document.body.scrollLeft);
6.         document.getElementById("fix_horizon").style.left=s+20+'px';
7.     };
8. </script>

 

o+20