title: Div not displaying over video
body: <p>I have few simple divs and a video as a background:</p>
  
  <pre><code>                    &lt;div class="swiper-slide"&gt;
                          &lt;video width="1024" height="704" id="vid" loop&gt;
                              &lt;source src="images/reverse.mp4" type="video/mp4"&gt;
                          &lt;/video&gt;
                          &lt;div id="overlay"&gt;
                              &lt;img src="images/man.png" id="man-photo"/&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
          #vid {
              width: 100%;
              height: 100%;
          }
          #overlay {
              position: absolute;
              display:block;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              z-index: 1000;
          }
          #man-photo {
              position: absolute;
              top: 200px;
              left: 300px;
              z-index: 1200;
              display: block;
          }
  </code></pre>
  
  <p>All are inside a indagerous swiper slide.
  The video is shown correctly, image is positioned correctly but its not visible!
  First time such thing ever happened to me: when I inspect it in developer tools and change any of its property, suddenly it gets drawn as expected.</p>
  
  <p>Any idea how to overcome this?</p>