Div隐藏在页面重新加载/刷新

Question

我有一个可以顺利运行首次加载的实时网站。但有时，当您刷新页面时，我的.bx-wrapper会隐藏在我的背景视频.landing_wrap后面。

它只发生在页面刷新上，似乎它仍然存在，只是不显示它应该。

直播网站：http://www.factormedia.co.za/

HTML：

<!--===================================================Landing_page===================================================!-->
<div class="landing_wrap">
    <div class="quote">
        <p>Don't beg for things, do it yourself or else you won't get anything.</p>
    </div>
    <div class="landing">
        <video id="landingbg" autobuffer width="100%" height="100%" preload="auto" autoplay="autoplay"  loop="loop" muted="muted" volume="0">
            <source src="videos/vid1_bg.m4v" poster="../images/Comp%201_00044.png"/>
        </video>
        <div class="main_logo">
        </div>
    </div>
</div>
<!--===================================================Fader===================================================!-->
<div class="faderwrap">
        <div class="faderz">
                <img src="images/fader2.png" />
                <img src="images/fader1.png" />
        </div>
</div>

CSS：

.landing_wrap{
    position:relative;
    margin:auto;
    overflow:hidden;
    width:100%;
    height:100%;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    top:-20px;
    *zoom: 1;
    z-index:4002;
    width:100%;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {  
    left: 0px;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}