title: jQuery scrolling UL with hidden overflow
body: <p>I have a UL with LI's set to display horizontally. The UL has a fixed width and it's set to hide the overflow. This is so I can display my images, which are to be used in a gallery, neatly. It works and looks nice.</p>
  
  <p>I want to, however, use jQuery to scroll the contents of the UL rather than set the overflow property to auto and be presented with those ugly scroll bars. I recycled some code I used to do the same thing a few weeks back but, back then, I was doing it in DIV's. Much easier, apparently. </p>
  
  <pre><code>$('.gallery_container span').hover(
  function()
  {
     if ($(this).attr('class') == 'up')
        direction = '-=';
     else
        direction = '+=';
  
     var divOffset = $('ul.gallery').offset().top;
     $('ul.gallery').animate({scrollTop: direction + divOffset}, 5000);
  },
  function()
  {
     $('ul.gallery').stop();
  });
  </code></pre>
  
  <p>I saw a site that says the scrollTop property can be applied to UL's. So I'm not sure what exactly is causing this not to work.</p>
  
  <p>Any ideas?</p>
  
  <p>EDIT: Found what was causing it to not work at all but not it scrolls vertically - Kind of expected that. Is there any way to scroll it horizontally?</p>