Уважаемые товарищи, Подскажите пожалуйста как задать атрибут Height в % для тега iframe: *{padding:0; margin:0; } html, body{ height:100%; width:100%; } #contaner{ width: 900px; margin:auto; min-height: 100%; position: relative; } #header { height:45px; background-color: #000; border-bottom:solid 5px #ffcc00; } #content{ height:100%; position:relative; padding: 0; margin: 0; } #empty{ height:50px; } #footer { min-height:50px; margin: -50px auto 0; width:900px; position: relative; } .left-frame iframe{ float: left; } .right-frame iframe{ position: relative; } <html> <head> </head> <body> <div id="contaner"> <div id="header"> </div> <div id="content"> <div class="left-frame"> <iframe id="contents" target="main" src="../../html/frame1.html" scrolling="auto" width="30%" style="font-family: Arial, Tahoma; font-size: 1pt" height="100%" ></iframe> </div> <div class="right-frame"> <iframe id="main" src="../../html/frame2.html" width="69%" height="100%"></iframe> </div> </div> <div id="empty"> </div> </div> <div id="footer"> <hr> </div> </body> </html> Проблема в том, что Chrome растягивает больше необходимого и делает отступ под футером, а mozilla и IE вообще не реагирует на Height и отставляет дефолтные 150px. Хотелось бы именно в %. Заранее спасибо.