внутренний блок не растягивает внешний во вертикали

[Артем1256]

Здравствуйте!

Сейчас если блок l-content меньше высоты страницы, то l-box блок прилипает к нижней границе браузера как надо, но если больше высоты страницы, то вылезает за границы родительского блока l-box . Подскажите пожалуйста, как мне заставить родительский блок l-box растягиваться по высоте в соответствии с дочерним блоком l-content

Спасибо

.l-box {
position:relative;
width:1000px;
height:100%;
margin: 0 auto;
min-height: 777px;
background: #11274E url(img/snowflake.jpg) no-repeat right bottom;
}
 
.l-content {
float:left;
height:1000px;
margin: 40px 0px 0px 80px;
background: #bbf;
}
 
<div class="l-box">
        
        
        <div class="l-content">
                <div >
                        <img src="content/1-1.jpg" alt="Smiley face" height="115" width="170" />
                        <p>dfdf</p>
                </div>
                
        </div>
</div>

[Артем1256]

вот что хочу сделать, во вложении

[Lesha]

http://www.cssstickyfooter.com/

[Артем1256]

видел видел раньше, но смысл в том, что блок с снежинкой неизвестной высоты, он должен быть резиновым, а верх статичным

[JTG]

<div style="clear:left"></div> после блока с float:left