title: Outer Div does not scroll even if inner-Divs width exceed parent width
body: <p>I've this code :</p>
  
  <pre><code>.outer
  {
  width: 1000px;
  float: left;
  overflow: scroll;
  }
  
  .inner
  {
      width : 500px;
      float:  right ;
  }
  &lt;div class='outer'&gt;
      &lt;div class='inner'&gt;
          .....
      &lt;/div&gt;
      &lt;div class='inner'&gt;
          .....
      &lt;/div&gt;
      &lt;div class='inner'&gt;
          .....
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>I want to float those inner divs to right , ( one beside the other ) , and enable scrolling on the outer div when inner-Divs' width exceed parent width</p>
  
  <p>Is my question clear ?</p>
  
  <p>Thanks guys. </p>