хтмл/css фиксированная верстка, фон для div на всю ширину монитора

Можно так попробывать:

HTML:

<div id="overflow">
	<div id="wrap">
		<div class="block">block</div>
		<div class="block">block</div>
		<div class="block">block</div>
	</div>
</div>

CSS:

#overflow {
	overflow: hidden;
}
	.block {
		position: relative;
	}
		.block:after {
			content: ' '; 
			display: block;
			height: 100%;
			position: absolute;
			top:0; 
			left: -999%; 
			right: -999%;
			z-index: -1;
		}

div#wrap - Ваш каркас в 1000px

div#overflow - Для обрезки фона (div.block:after ), но попробуйте сперва без него, применить правило к body.

div.block - Ваши фиксированные по ширине блоки.

Если псевдо-элемент не устраивает, то можно в div.block поместить дополнительный тэг и применить к нему те же правила, что и к :after.

Jor, спасибо, создал див div#overflow внутри body, создал в div.block дополнительный блок задал ему стили вашего .block:after, - заработало! не знаю как насчет кроссбраузерности, но работает!

у меня еще вопрос, если в блоке нужно фон сделать несколькими картинками, например картинка слева к монитора, картинка справа к монитору, и по центру фон, как это правильно оформить?

nemartirosyan,

с помощью JS:

1) добавляем к документу дополнительные блоки (div.img), с абсолютным позиционированием.

2) берём отступ div.block от верхнего края браузера

3) получаем высоту блока div.block

4) значения из п.2,3 применяем к div.img, через css прикрепляем изображения к блоку, если их несколько, используем after/before, либо дополнительную разметку.

с помощью media queris:

подгонять отступы абсолютно позиционированных в зависимости от размеров окна браузера.

...

Ещё можно переверстать макет... тогда никаких заморочек с фоном не будет.