поле на полях работает в Chrome, но не в Firefox

Question

div скрыто справа. При нажатии кнопки div скользит влево и становится видимым. margin-bottom (это для того, чтобы оставить пробел: я не хочу, чтобы нижняя часть div касалась края на мобильных телефонах) работает в Chrome, но не в Firefox. Почему?

.menu-hidden
{
    margin-bottom: 20px;
    right: -255px;
    position: absolute;
    top: 0;
    transition: 0.3s ease-in;
    width: 205px;
    z-index: 1;
}

.menu-visible
{
    position: absolute;
    right: 0;
    transition: 0.3s ease-out;
}