У меня тоже проблемка с этими background. Опишу. Хочу чтобы фон состоял из трех картинок. Первая картинка - шапка, не будет менять размера и позиции. Второй кусок фона, распологается всегда под первым, и он дожен повторяться в зависимости от того, много контента на странице или нет. Но минимум - это размер картинки фона. Третий кусочек не масштабируемый самый нижний, со всякими реквизитами и пр. Я решила сделать три div-ки и задать каждой из них свой background в коде это так: <body> <div class="iii"> </div> - здесь просто фон отображается, пустой div <div class="iii2"> - здесь весь контент страницы, див должен растягиваться.</div> <div class="iii3"> здесь всякие копирайты и т.п.</div> css: .iii { background-image: url('images/01.gif'); background-repeat: no-repeat; position: relative left top; width: 1000px; height: 108px; } .iii2 { background-image: url('images/02.gif'); background-repeat: repeat-y; background-position: left top; width: 1000px; overflow: visible; } .iii3 { background-image: url('images/03.gif'); background-repeat: no-repeat; width: 1000px; height: 62px; position: left bottom; } Что получается: если не задан в .iii2 {height: 510px;} - то фон второго блока не отображается, а третий див подскакивает прямо к первому.... Где рыть? Вроде все закрывающиеся теги проставлены...