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@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs