title: Slick Slider and IE11
body: <p>The <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">slick slider</a> has a container for the slides which allow some of the slides/images not to be displayed if they are out of bounds. When using IE 11 the images are still displaying after the carousel has animated/scrolled.</p>
  
  <p><a href="https://i.stack.imgur.com/oQ6WF.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oQ6WF.jpg" alt="enter image description here"></a></p>
  
  <p>Attempts with no success: </p>
  
  <ul>
  <li>Added a z-index and position relative to the master container and child video elements.</li>
  <li>IE is not in compatibility mode</li>
  <li>Issue happens in versions of IE 11 and less</li>
  <li>Similar issue with no resolve: <a href="https://github.com/kenwheeler/slick/issues/1911" rel="nofollow noreferrer">https://github.com/kenwheeler/slick/issues/1911</a> </li>
  </ul>
  
  <p><a href="https://jsfiddle.net/codedcontainer/q7heb3yk/3/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <pre><code>Code can be found in JSFiddle.
  </code></pre>