Как залить фоном область бока за полосой прокрутки?

Question

[Ivan Karabadzhak]

Есть CSS код для элемента:

#top {
	width: 100%;
	height: 170px;
	position: relative;
	background-image: url('images/top_gradient.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

Если размер окна больше размера сайта 1024px — то все окей, элемент растянут сверху на всю ширину окна и закрашен черным. Если размер окна меньше, появляется горизонтальный прогресс бар. Если его перетащить до конца, выходит вот так:

А я хочу, что бы был до конца.

Как исправить?

Answer 1

[Анатолий]

jsfiddle.net/q7aPX/
Релативные элементы зависят от родителей, и за края не будут выходить.
Стаьвте как человек выше описал, абсолют, и проверьте чтоб в цепочке родителей не было ни у кого релатива или абсолюта, иначе снова же привяжется к тому родителю.

Answer 2

[SerDIDG]

Можно поставить min-width:

body {
    min-width: 1024px;
}

Answer 3

[Yeah]

Если в блоке больше ничего нет, то

#top {
    height: 170px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-image: url('images/top_gradient.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

Если же в блоке что-то есть, то попробуй завернуть его в блок с position: relative.