HTML / CSS: Создание div, который не запускает горизонтальную полосу прокрутки, если она шире, чем размер экрана

Я ' m пытается улучшить совместимость сайта для пользователей с мониторами 800 x 600 пикселей.

У меня есть div 'headerbackground' шириной 900 пикселей и не содержащий ничего, кроме фонового изображения. Остальная часть сайта вложена в этот div с шириной 790 пикселей.

Я бы хотел показать полный div 900 пикселей 'headerbackground', если окно браузера больше 900 пикселей, но нет запускает горизонтальную полосу прокрутки в браузере, если разрешение экрана составляет от 790 до 900 пикселей.

Я знаю, что этого можно легко добиться с помощью центрированного фонового изображения в теге body, но это не так. возможный вариант в этом случае, потому что текущее фоновое изображение тела имеет горизонтально повторяющийся фон, а фоновое изображение заголовка не повторяется.

Любые предложения приветствуются.

Изменить: Изображение прилагается для ясности.