При использовании масштабирования CSS в Firefox элемент сохраняет исходное положение

При использовании масштабирования в Firefox масштабируемые элементы dóes масштабируются правильно. Проблема в том, что он позиционируется как не масштабируемый.

Это отлично работает в Chrome, а также, вероятно, в IE, Safari и Opera. Все эти браузеры поддерживают свойство масштабирования CSS, в отличие от Firefox. Для Firefox я использую -moz-transform: scale (0.3) ;.

Это мой CSS:

#overview .page-content {
    zoom: 0.3;
    -moz-transform: scale(0.3);
}

Вот как он должен выглядеть (как в Chrome):

Вот как он не должен выглядеть (как в Firefox):

Кто-нибудь знает, как это исправить? Или, может быть, обходной путь?