[Артем125]

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

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

Спасибо

.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>