Firefox modal float issue

Question

У меня возникает эта проблема, когда firefox решает поплавать мой модальный влево, и я не могу понять это. Все остальные браузеры кажутся прекрасными. модаль расположен в центре.

Chrome - Что это должно выглядеть следующим образом:

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

Он должен работать идеально на светлячок. Я протестировал. https://jsfiddle.net/qpzneza2/

У вас есть ошибка в другом месте.

Для тестовой попытки:

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