title: Slick JS - Right Border on slides not showing
body: <p>If there is border added to the slides, then the <em>last slide</em> in the track <em>doesn't show the right border</em>.
  This JS Fiddle shows this exact behavior. The last slide doesn't have any right borders.</p>
  
  <p><a href="http://jsfiddle.net/2p56z308/7/" rel="nofollow noreferrer" title="JS Fiddle">The JS Fiddle shows the problem</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;section class="slider"&gt;
    &lt;div class="x"&gt;slide1&lt;/div&gt;
    &lt;div class="x"&gt;slide2&lt;/div&gt;
    &lt;div class="x"&gt;slide3&lt;/div&gt;
    &lt;div class="x"&gt;slide4&lt;/div&gt;
    &lt;div class="x"&gt;slide5&lt;/div&gt;
    &lt;div class="x"&gt;slide6&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.slider {
      width: auto;
      margin: 30px 50px 50px;
  
  .slick-slide {
      background: #3a8999;
      color: white;
      padding: 40px 0;
      font-size: 30px;
      font-family: "Arial", "Helvetica";
      text-align: center;
  }
  
  .slick-prev:before, 
  .slick-next:before {
      color: black;    
  }
  
  .slick-dots {
      bottom: -30px;
  }
  
  .slick-slide:nth-child(odd) {
       background: #e84a69;
  }
  
  .x {
    border: solid 2px black;
  }
  </code></pre>
  
  <p>JS (Just the SlickJS part):</p>
  
  <pre><code>$(".slider").slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      arrows: false    
  });
  </code></pre>
  
  <p>Any help would be highly appreciated. 
  Thanks!</p>