Максимальная высота игнорируется в Firefox, работает в Chrome и Safari

I ' m создание слайд-шоу изображений с классом display . Я хочу ограничить высоту и ширину изображения максимум 80% окна, чтобы не было необходимости в полосе прокрутки любого нормального размера. Вот CSS, который я использовал:

.display {
    max-width: 80%;
    max-height: 80%;
}

Он работает именно так, как я хочу, чтобы он работал в Chrome и Safari, и Firefox также принимает максимальную ширину. Но Firefox игнорирует максимальную высоту, поэтому большие вертикальные изображения уходят за пределы экрана.

Большое спасибо за любую помощь.