Firefox模式浮動問題

Question

我遇到了這個問題，其中firefox決定將我的模態浮動到左側，我似乎無法弄清楚。所有其他瀏覽器似乎很好。模態位於中心。

瀏覽器 - 它應該是什麼樣子：

Firefox的 - 這個問題我有：

.JournalReaderInner { 
    padding: 40px 0; 
} 

.JournalReader { 
    width: 640px; 
    min-height: 320px; 
    margin: auto; 
    padding: 20px; 
    background: #fff; 
    position: relative; 
    border: 1px solid #ccc; 
    border: 1px solid rgba(0, 0, 0, 0.2); 
    *border-right-width: 2px; 
    *border-bottom-width: 2px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
    background-clip: padding-box; 
} 

Answer 1

應該在Firefox上完美運行。我測試過了。 https://jsfiddle.net/qpzneza2/

您在其他地方有錯誤。

對於測試的嘗試：

position: relative !important; 
margin: 0 auto !important; 
float: none !important; 
display: block !important;