title: Video tag at Chrome overlays on top
body: <p>Other browsers are OK, but only in chrome, video plays on top, ignoring z-index.</p>
  
  <p>Following is code, and it looks strange in Chrome.</p>
  
  <p>There is absolutely positioned 'IUView_4', but it shows under the video.</p>
  
  <p>What's wrong in Chrome? Is there any way to handle?</p>
  
  <pre><code>&lt;style&gt;
      #Page {background-color : rgb(255,255,255); position : relative; z-index : 0; width : 100.0%; margin : auto; height : 1300.0px; }
      #Movie {background-color : rgb(0,198,245); top : 94.0px; z-index : 0; width : 521.0px; left : 131.0px; height : 242.0px; }
      #View {height : 70.0px; width : 100.0px; background-color : rgb(0,164,89); z-index : 1; top : 62.0px; overflow : hidden; left : 435.0px; position:absolute;  }
  &lt;/style&gt;
  &lt;body &gt;
      &lt;div&gt;
        &lt;div id='Page' &gt;
            &lt;div id='Movie' &gt;
                &lt;video width=100% height=100% poster='res/gazzetta_thumbnail.png' autoplay&gt;
                    &lt;source src="http://www.sketchin.ch/en/wp-content/themes/Sketchin2013/assets/video/page-home/gazzetta.mp4" type="video/mp4"&gt;
                    &lt;object data="http://www.sketchin.ch/en/wp-content/themes/Sketchin2013/assets/video/page-home/gazzetta.mp4" width="100%" height="100%" /&gt; &lt;/object&gt;
                &lt;/video&gt;
            &lt;/div&gt;
            &lt;div id='View' &gt;     
            &lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
   &lt;/body&gt;
  </code></pre>