Уменьшение размера размера moz-transform

У меня проблемы с mozilla moz-transform scale. Я ищу замену свойства масштабирования, которое отлично работает во всем, кроме Firefox.

Когда я хочу сжать div, его "контент" сокращается, но размер контейнера остается неизменным, оставляя большой пробел вокруг другого контента.

Можно ли каким-либо образом также уменьшить размер контейнера?

Чтобы прояснить, я приведу простой пример здесь.
Откройте его в chrome и firefox, вы увидите разницу.

Ответ 1

Единственное решение, которое я получил до сих пор, - это все это сделать в другом контейнере div с фиксированной высотой.

Не то, что я искал, но пока кто-то не найдет лучшего решения, я думаю, что это единственный способ пойти.

Ответ 2

Вместо того, чтобы смешивать zoom и -moz-transform, почему бы не использовать -webkit-transform для Chrome? Затем вы можете настроить высоту одинаково на всех браузерах.