Добрый день. Заранее извиняюсь, что недостаточно хорошо разобрался в вопросе, прежде чем создавать тему, но я даже примерно не понимаю, в какую сторону копать. Проект учебный, поэтому про совместимость и адаптивный дизайн пока помолчим :)

Есть сайт: http://pireks.hol.es

Стили: http://pireks.hol.es/css/styles.css

Сайт меня устраивает всем, кроме одного: раздел "Изделия". Я специально напихал в DIV побольше текста и получил ужасный результат: растягивается страница, а вместе с ней и бэкграунд-фото, что выглядит ужасно.

Я же хочу, чтобы как только контейнер с текстом достигает максимальной высоты (высоты страницы), в нем появлялся бы свой собственный скроллбар. При этом, контейнер должен оставаться "резиновым" (на вертикальных дисплеях, должен быть до низу), поэтому max-height в пикселях задать не получится. Соответственно, скроллбар на странице должен появляться только тогда, когда достигнут min-height (который уже можно задавать в пикселях, допустим, 200px).

Есть идеи, как поправить CSS, чтобы добиться такого результата?