title: Div with horizontal scrolling only not working
body: <p>I have a div with the following style:</p>
  
  <pre><code>height:200px;
  overflow-x:scroll;
  overflow-y:hidden;
  width:682px;
  </code></pre>
  
  <p>I need the elements to be next to each other on one line, with a horizontal scroll only.
  The elements inside have the following styles:</p>
  
  <pre><code>width:60px;
  padding:10px;
  float:left;
  </code></pre>
  
  <p>But when they reach the end of the parent div, they start on a new row, while the horizontal scroll stays blank. Any ideas what am I doing wrong and how to fix it?</p>
  
  <p>P.S All elements are div-s.</p>
  
  <p><strong>Thank you in advance!</strong></p>