IE Stacking Issue and Video Playback

Question

This page works great in every browser except IE. It's giving me a weird stacking problem and the video isn't even appearing on the page (although the audio is working). Any suggestions as to why this is happening? Thanks.

Answer 1

I don't know much about .asp but it shouldn't make much difference - in the generated output file, the doctype should be the first line to prevent IE going in quirks mode. Maybe someone with more .asp knowledge will be able to give better advice. I found this: http://www.webmasterworld.com/forum21/11568.htm
Your video seems to have contradicting styles applied to it. I would suggest combining into one style. I tried turning off the latter position:absolute and it didn't seem to affect anything - in fact I removed that whole style and nothing 'seemed' to have changed but do some testing yourself and see what happens. I would also add a z-index so it sits above everything else on the page.
.video-js {
    background-color: #000000;    font-size: 10px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    z-index: 999;
.video-js .vjs-tech {
    height: 100%;    left: 0;
    position: absolute;
    top: 0;
    width: 100%;