title: Overflow-x : scroll not working
body: <p>I have a div with floating (left) images inside, but the <code>overflow-x : scroll;</code> appears to not work..</p>
  
  <p>this is my container : </p>
  
  <pre><code>.browse-gallery {
      width: 100%;
      height: 110px;
      overflow-x: scroll;
      overflow-y: hidden;
      border-top: 7px solid #585453;
      background: #585453;
      white-space: nowrap;
      float: left;
  }
  </code></pre>
  
  <p>and the images : </p>
  
  <pre><code>.browse-gallery img {
      width: 109px;
      height: 81px;
      display: block;
      border-top: none;
      float: left;
      position: relative;
      cursor: pointer;
      margin-right: 5.7px;
      white-space: nowrap;
  }
  </code></pre>
  
  <p>How can I solve this ? Thank you.</p>