css - свойство width

Это следующий вопрос к тому, который я задал раньше:

"CSS - позиция элементов при изменении размера окна".

Проблема was- как избежать того, чтобы элементы были отброшены, когда экран становится меньше.

Ответ был: используйте статическую ширину.

статическая ширина действительно решает проблему, однако она вызывает еще одну проблему (теперь мы переходим к моему вопросу):

Скажем, я использую картинку в качестве фона для заголовка сайта, а другой для нижнего колонтитула.

С одной стороны, я хочу, чтобы они всегда принимали всю ширину экрана, но, с другой стороны, я не хочу, чтобы их отбрасывали, когда окно, отображающее сайт, становится меньше.

Использование статической ширины приведет к разному отображению в разных браузерах или в разных версиях одного и того же браузера - не всегда будет занимать всю ширину. (нет значения статической ширины, что хорошо для всех случаев)

Использование ширины: 100% кажется решением, но затем я нахожу себя там, где я начал.

Как я могу выполнить оба?

Благодарю.