Прокрутка только содержимого div, остальные должны быть исправлены
У меня есть три div. Мне нужно, чтобы div и заголовок left_side были исправлены, а div содержимого прокручивался. Я искал решение и нашел что-то спереполнение а такжепозиция, Но я не могу использовать это по своей сути. Как я могу это сделать? Я буду благодарен за каждый ответ.
HTML
------
<div id="header">
</div>
<div id="left_side">
</div>
<div id="content">
</div
CSS
-----
body {
width: 100%;
height: auto;
padding: 0;
margin: 0px auto;
font-family: Calibri, Georgia, Ubuntu-C;
font-size: 16px;
margin-bottom: 20PX
}
#header{
width: 100%;
height: 139px;
background-image: url('images/Header_grey.gif');
}
#left_side{
width: 210px;
height: 700px;
background-image: url('images/Left_side.gif');
background-repeat:repeat-y;
overflow:hidden;
position:absolute;
font-size: 16px;
}
#content{
height: auto;
padding: 20px;
margin-left: 230px;
margin-right: 20px;
padding-bottom: 30px
}