Browser inconsistencies when using Effect.MoveBy()

Hi all!

Brief intro: my name is Cam McVey and I'm a web developer in Glasgow, Scotland.

Now to the point of my first message. I'm trying to use
Effect.MoveBy() to horizontally scroll a table 'underneath' a div. The
idea is that the div is a 'viewer' -- a window that the table can be
seen through. The code below works great with Firefox but not in IE 6
where, after calling MoveBy(), the table becomes visible outside the
boundaries of the div.

Can anyone give me a hand with this?

Many thanks!

Relevant code is between the lines (ignore dodgy event handler code!):

____________________________________________________________________

function scrollMe(Direction){
  var value = Direction == 'left' ? 500 : -500;
  var theTable = $('Table');
  new Effect.MoveBy(theTable, 0, value, {});
}


<div id="viewer" style="border: 1px solid #c03; width: 500px;
overflow: hidden;">

  <p>
    <img src="left-arrow.gif" onclick="scrollMe('left');" />
    <img src="right-arrow.gif" onclick="scrollMe('right');" />
  </p>

  <table id="Table" style="width: 1500px;">
    ... table contents here ...
  </table>

</div>

____________________________________________________________________
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@xxxxxxxxxxxxxxxx
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs