?? Как при этом будет прокручиваться фон? В приведенном примере контент располагается в parent, т.е. изображение в любом случае прокручивается, поскольку находится внутри контейнера, для которого установлена прокрутка. более подробно, для ясности - так parent { overflow-y: scroll; } background-container { position: absolute; overflow: hidden; } <div class = "parent"> <div class = "background-container"> <img class = "background" /> </div> <p>Контент</p> </div> или так parent { overflow-y: scroll; } background-container { position: absolute; overflow: hidden; } <div class = "parent"> <div class = "background-container"> <img class = "background" /> </div> <div class = "content"> <p>Контент</p> </div> </div> Фоновое изображение при этом приходится делать огромным, не меньше максимальных размеров parent, что само по себе очень плохо. Если же использовать background-attachment, который не работает в Firefox, то это выглядит так: parent { overflow-y: scroll; background: url('') repeat; background-attachment: local; } <div class = "parent"> <p>Контент</p> </div> Может, я не понял идею или что-то упустил? Если есть альтернатива, покажите код, плиз!