title: Smooth scroll div horizontally by a pixel amount, no scrollbars
body: <p>I've got 10 floating DIVs in a container DIV that I want to be able to scroll through using a button. </p>
  
  <p>I'd like to use left/right buttons to make the container DIV scroll 300px horizontally to display the next floating DIV. </p>
  
  <p>I'd like the width of the container to appear as 100% of the window, and I'd also like there to be no horizontal scroll-bar on the bottom. If it could scroll sideways that'd be great but it's not a must have. </p>
  
  <p>Here's what I've got:
  <a href="http://jsfiddle.net/696je/" rel="nofollow">http://jsfiddle.net/696je/</a></p>
  
  <p>I'm just looking for a function and the way to activate the function for left/right buttons.</p>
  
  <p>I've tried Google for hours, I've tried Flesler's ScrollTo but I haven't had any luck, it might be something do to with the way I've got the width set up, anyway, thanks for your help. </p>