title: Horizontal scroll in a parent div containing floated child divs
body: <p>I have the following code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="parent"&gt;
      &lt;div class="child"&gt;2001&lt;/div&gt;
      &lt;div class="child"&gt;2O02&lt;/div&gt;
      &lt;div class="child"&gt;2003&lt;/div&gt;
      &lt;div class="child"&gt;2004&lt;/div&gt;
      &lt;div class="child"&gt;2005&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#parent{
  width:100%;
  overflow:auto;
  }
  
  .Child{
  float:left;
  width:20px;
  }
  </code></pre>
  
  <p>The child content is always overflowing, and this is good. But I want to be able to scroll horizontally in the parent div, to see the last child divs. </p>
  
  <p>Here is a screenshot of the result as I have it:</p>
  
  <p><a href="http://imgur.com/37OtYrD" rel="nofollow">Screenshot</a></p>
  
  <p>How can I do that to make is scroll horizontally? </p>