IE6 ошибка, CSS, абсолютное положение и высота 100% внутренний DIV

Question

Я делаю веб-сайт, и у меня есть 3 DIV,

<div id="inner">
    <div id="content" >
             <div id="scroll" >
             </div>
    </div>
</div>

И теперь div 'inner' - это ширина и высота - auto, позиция абсолютная;«Контент» имеет ширину: 100%;высота: 100%;И «Свиток» это ширина: 96%;обивка: 2%;высота: 96%;переполнение: авто;

html, body {width:100%; height:100%; margin:0; padding:0; border:0 none;}
#scroll
{
    width: 96%;
    padding:2%;
    height: 96%;
    overflow: auto;
}

#content {
    width:100%;
    height:100%;
    overflow:hidden;
    line-height:18px;
    }

#inner { 
    position:absolute;
    background:none;
    width:auto;
    height:auto;
    top:40px;
    bottom:85px;
    right:10px;
    left:300px;
}

В Firefox, Opera IE8 <все в порядке, но в IE6 и IE7 div 'scroll' слишком длинный, высота: 100% не работает.<a href="http://studiosmok.pl/ie.jpg" rel="nofollow"> Вы можете видеть это на картинке :

У кого-нибудь есть идея?Пожалуйста, помогите мне:)

Answer 1

IE7 тоже имеет эту ошибку.

Единственный обходной путь, который я смог найти, это установить #content-element также на position:absolute.

Answer 2

Я не совсем уверен, но я думаю, что, возможно, использование «наследовать» для свойства высоты решает проблему.

Answer 3

для 100% высоты в IE, вам нужно добавить это в свой CSS.

* html #content{
height:100%;
}