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;