Eu estava testando meu novo site em vários navegadores e quando comecei a testá-lo no Firefox, havia uma página que estava toda bagunçada. Continuei olhando e olhando para o meu CSS, mas nada estava errado. ENTÃO eu finalmente encontrei:
Coloquei: padding-bottom: 62,3 %%, com DOIS sinais de porcentagem. Aparentemente, está tudo bem no Chrome e não bagunçou meu layout. Mas isso também me deixou muito confuso porque funcionava no Chrome, mas não no Firefox.
NOTA PARA SELF: TESTE EM OUTROS NAVEGADORES PORQUE O CHROME É PERDOADOR DEMASIADO.