На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:0.4; position:absolute; height:100%; width:100%; } .text{ position:relative; padding:10px; } #page{ position:absolute; top:0;bottom:0;right:0;left:0; z-index:100; } #fon{ height:100%; width:100%; z-index:1; } #fon img{ height:100%; width:100%; position:absolute; } </style> </head> <body bgcolor="#000c56"> <div class="top" style="width: 100%; position: absolute; top: 0; background:url(index_files/bg-top.jpg); background-repeat: no-repeat; background-position: center bottom; background-color:#21cff2; height: 374px;"> </div> <div id="page2" style=" z-index:100; margin-top:374px; margin-bottom:328px; height:auto"> <div id="page" > <div class="note"> <div class="trans"></div> <div class="text"> Страница (page) <p><br /></p> <div style="height:1000px">asd</div> </div> </div> </div> <div id="fon"> <img src="index_files/middle.png" alt="" /> </div> </div> <div class="bottom-bg" style="width: 100%; position: absolute; bottom: 0; height: 328px;"> <div id="fon"> <img src="index_files/bottom-min.jpg" alt="" /> </div> </div>