title: How to make images stay on one long line?
body: <p>Take a look at this <a href="http://jsfiddle.net/lexy0202/Le3b2/" rel="nofollow">fiddle</a>. I'm trying to create a little gallery thing that the user can navigate by moving their mouse.</p>
  
  <p>That fiddle is just a demo of a problem I'm having with the images. Currently, you can see that as the images scroll left, they "pop" onto the end of the line, rather than flow continuously.</p>
  
  <p>If you take off <code>overflow:hidden</code> from the CSS, you can see that the images wrap onto multiple lines, and that's what causes them to "pop" onto the end of the line, rather than flow continuously.</p>
  
  <p>How can I force the images to stay on one line, and thus achieve a continuous flow effect?</p>