Как в HTML растягивать фон соответственно ширине окна?

штатными средствами html и css этого сделать нельзя

Если её растягивать - она будет искажаться...
Для фона подбирают очень мелкие рисунки которые множась в браузере, создают определённый рисунок...
ИМХО - ипользование графики для фона (и вообще - черезмерное увлечение графикой на сайте) - утяжеляет страницы, заставляя их медленнее грузиться и создавая большую нагрузку на Ваш сервер.. .
Павлиний хвост сайту - никчему.. .Юзер идёт не полюбоваться на этот павлиний хвост сайта - а за информацией на нём расположенной. От того и главная задача сайта - не распускать хвост по пол часа, а шустро показывать - что интересного Вы припасли для своих посетителей.
Вы хоть один крупный проект с кучей графики видели?? ?
То то же! А почему? Всё ради одной задачи - быстро показать и создать наименьщую нагрузку на сервер при ЛЮБОЙ посещаемости сайта.. .
Так что ябы не советовал делать изначально то, от чего потом придётся рано или поздно отказываться, всё переделывая заново. .
А уж это занятие - куда более сложное и нудное нежели создание с нуля...
Можно научиться верстать и БЕЗ ЕДИНОГО файла графики!
Но от этого - сайт будет выглядеть не менее стильно. Вот вам как пример такой вёрстки - http://webposidelki.ru - ни единого файла графики в оформлении.. .Только div-ы HTML и CSS

В CSS пишите body {background-image:ссылка на картинку; width:100%; height:100%;}
Попробуйте, должно получиться.

Смотря в чем заниматься HTML . Во FrontPage в свойствах таблицы где данная картинка - можно задать ширину в процентах - 100 % . Тогда будет видно на любом мониторе .