Firefox上的絕對定位錯誤？

Question

這裏應該是一個超級簡單的人，但它讓我撓頭。我有與H1和P標籤粘貼在three.js所360°視頻瀏覽器的頂部覆蓋本網站上的一個div：http://gloriouslabs.com/#page-5

眼下對於該分區的代碼是：

.video_tag { 
position: absolute; 
z-index: 100; 
top: 15%; 
left: 5%; 
width: 230px;} 

廠在Chrome上使用位置標記來渲染它，並參考屏幕的頂部。然而，在Firefox上，div從頁面頂部呈現，而不是屏幕（在Firefox上，您可以看到屏幕頂部的.video_tag div在http://gloriouslabs.com/處）

任何想法爲什麼它的表現如此呢？同樣的錯誤發生在絕對位置和固定位置。

乾杯！

Answer 1

我在Firefox的檢查打開你的網頁，這加入position: relative;：

#holder { 
    height: 100%; 
    width: 100%; 
    position: relative; 
} 

它正在工作，但我沒有在鉻的測試

Answer 2

設置你的容器相對定位

#holder { 
    position: relative; 
} 

如果這是不正確的容器，然後把它放在一個你需要