Jerky Horizontal Movement in Firefox

[probityrules]

I have some JS code that works beautifully for a horizontal scrolling effect in IE, Safari, and Chrome, but in Firefox it seems the CSS "overflow: hidden;" is not clipping the content quickly enough. Does anyone have any suggestions on how to get this to function correctly? Visit here in Firefox and click any of the names on the left-hand column to see what I'm talking about:

http://hickory1st.com/leadership.asp

Try another browser and you will notice the much cleaner effect.

[Fang]

Not seeing any difference. Perhaps a user with a very slow PC may see a difference.

[Gozzy82]

I see it too, instead of letting people find the responsible javascript you might have pasted it here..

function aPanel(pageElement, valueFunction, movementDelay)
{
  this.movementDelay = movementDelay;
  if (!movementDelay) this.movementDelay = 0;

  this.pageElement = pageElement;
  this.pageElement.codeObject = this;
  this.pageElement.style.overflow = "hidden";

  this.inside = document.createElement("div");
  var content = pageElement.innerHTML;
  pageElement.innerHTML = "";
  pageElement.insertBefore(this.inside, null);
  this.inside.className = "inside-panel";
  this.inside.innerHTML = content;

  this.pageElement.style.display = "block";

  this.origin = 0;
  this.destination = 0;
  this.autoToggle = 0;

  this.moveTo = valueFunction;

  this.step = function()
  {
    var difference = this.destination - this.origin;
    if (parseInt(difference) != 0)
    {
      this.origin += (difference / 10)
      this.inside.style.left = (-parseInt(this.origin) -2) + 'px';
    }

    if (this.movementDelay != 0)
    {
      this.autoToggle++;
      if (this.autoToggle == this.movementDelay) this.moveTo("random");
    }
  }

  this.move = function(value)
  {
    this.destination = value;
    this.autoToggle = 0;
  }

}


selectPanel = function(panel)
{
  var SCALE = 472;

  panelSlider.move(panel * SCALE);
}

function stepper()
{
  panelSlider.step();
  setTimeout("stepper();", 30);
}

var panelSlider = new aPanel(document.getElementById('panel-column'), selectPanel, 0);
stepper();
var toPage = self.location.hash.replace('#', '');
if (toPage != '') document.getElementById('to-' + toPage).onclick();

(@http://hickory1st.com/j/panel-column-slider.js)

You can try to do something with the z-index of the sides but i have not really looked into the script.. or pray for some devine insight ofcourse

[probityrules]

I tried setting "display: none;", changing "left" value, and then setting it back to "display: block;" to see if it would avoid the clipping bleed, but it didn't make any difference. I'm running out of ideas. It bleeds unto the page background image as well, so I'm not sure z-index will make a difference, but I may go ahead and try that.