Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: url("../images/background_first.jpg"); /*height:100%;*/ width:960px; margin: 0 auto; height:100%; } .content{ /*height:100%;*/ } по высоте браузера все нормально, но если наполнить контентом высотой больше чем окно браузера, то ниже будет ... вернее ничего не будет, контент будет, а фона нет! подскажите пожалуйста, как положить правильно два баграунда пример с добавленными <br> - http://bv.pro.umarta.com/ind.html'>http://bv.pro.umarta.com/ind.html другой вариант http://bv.pro.umarta.com/index.html'>http://bv.pro.umarta.com/index.html (http://bv.pro.umarta.com/)