header row not moving when tabbing across!

below is what i'm calling onblur, the cells tab correctly but not the header. i have included 'top.scrollLeft = scroll;' but nothing. any ideas please would be much appreciated, thanks.

myGrid.setAction("adjustScroll", function(src){
try {
var layout = this.getLayoutTemplate();
var top = layout.getContent("top").element();
var left = layout.getContent("left").element();
var data = layout.getContent("data").element();

var scrollbars = layout.getContent("scrollbars").element();
var cell = src.element();
var scroll = data.scrollLeft;
var width = data.offsetWidth - left.offsetWidth;
var right = cell.offsetLeft + cell.offsetWidth - (this.$browser == "gecko" ? left.offsetWidth : 0);
if (right > scroll + width) {scroll = right - width}
var left = cell.offsetLeft - (this.$browser == "gecko" ? left.offsetWidth : 0);

if (!(left > scroll)) {
if(left != scroll){
scroll = left
}
}

top.scrollLeft = scroll;
data.scrollLeft = scroll;
scrollbars.scrollLeft = scroll;

}
catch(e){
// ignore errors
}
});