Div-блок съезжает при уменьшении окна браузера

Развёрнутое продолжение вопроса Как растянуть div-блок на всю ширину страницы? в картинках

Есть див блок. Красивый и чёрный с width:100%. Должен занимать всю ширину экрана.

Смотрим через хром:

Всё нормально.

Уменьшаем окно браузера

Вроде так же

Мотаем вправо:

Вот он косяк.

Значит, width:100% растягивает блок до границы экрана, а не страницы?

Что использовал:

html, body { width: 100%; height: 100%; }

.div { **min-width**: 100%;position: relative; }

и

html, body { width: 100%; height: 100%; }

.div { **width**: 100%;position: relative; }

Сломал голову. Прошу хелпа.