使用Localhost时CSS不同

Question

我已经编写了所有的PHP，并使用HTML和CSS（当然）构建了我的网站的前端。但是当我将网站复制并粘贴到Localhost时，CSS有点混乱。

我使用了带有两个div块的彩色叠加的背景视频，当用户滚动视频时应该留在内容之后。我用的是chrome，没关系，使用firefox，视频没有加载，Safari的视频就在一些块的前面。

任何人都可以帮我修复此问题，以便我可以应用网站的后端吗？这是一个css问题，我需要为视频块指定浏览器，如果是这样，我如何支持这两个浏览器。

下面是视频部分和顶部的CSS。每个部分的样式与.top-section相同。

#videosection {
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%

}

#videosection video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 60%;
min-height: 50%;
}

.top-section{
background: -webkit-linear-gradient(rgba(255,119,85,0.89),  rgba(255,92,106,0.82) ); /* For Safari */
background: -o-linear-gradient(rgba(255,119,85,0.89), rgba(255,92,106,0.82)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,119,85,0.89), rgba(255,92,106,0.82)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,119,85,0.89), rgba(255,92,106,0.82)); /* Standard syntax */
background-repeat: repeat;
position: relative;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: 2;
}

欢迎任何反馈和评论，谢谢，我确实搜索了问题，但发现它对大多数人来说都是IE问题。