Эффект бумаги CSS не работает в Firefox ⇐ CSS

[Anonymous]

Я создал Div, который динамически заполняется JavaScript, который имеет фон, который напоминает кусок ноутбука. Это работает в Safari и Chrome, но по какой -то причине неправильно отображается в Firefox. Может ли кто -нибудь дать мне некоторую информацию о том, что не так с моим стилем? /> Это изображение имеет Firefox.
< /p>

Вот мои html и css < /p>

.
Shopping List




.paper{
width: 100%;
min-height: 175px;
height: 100%;
border: 1px solid #B5B5B5;
background: white;
background: -webkit-linear-gradient(top, #848EEC 0%, white 8%) 0 57px;
background: -moz-linear-gradient(top, #848EEC 0%, white 8%) 0 57px;
background: linear-gradient(top, #848EEC 0%, white 8%) 0 57px;
-webkit-background-size: 100% 30px;
-moz-background-size: 100% 30px;
-ms-background-size: 100% 30px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
< /code>

+бонус для совместимости IE < /p>

Подробнее здесь: https://stackoverflow.com/questions/223 ... in-firefox