title: horizontal scrolling images issue using <ul> and <li>
body: <p>I am trying to create a horizontal scrolling of images as can be seen in <a href="http://jsfiddle.net/PJGGC/" rel="nofollow">this</a> fiddle.
  For some reason I can't get the images to stack in one line and they always go to the next line, which is not what I want. How do I create a horizontal scrolling images without any plugin?</p>
  
  <p>Here's my css setup:</p>
  
  <pre><code>.admin-shop-images {
      list-style: none;
      overflow-x: scroll;
      width: 100%;
  }
  
  .admin-shop-images li {
      background-color: #f3efea;
      margin-right: 25px;
      width: 105px;
      height: 105px;
      float: left;
      display: inline-block;
  }
  
  .admin-shop-images li a {
      display: block;
      height: 100%;
      width: 100%;
      background-position: center center;
      background-size: cover;
  }
  
  .admin-shop-images li:last-child {
      margin-right: 0;
  }
  </code></pre>