как растянуть сайдбар до конца страницы?

У меня имеется: контент - сайдбар - футер

<section>
   <div id="content">
   </div>
</section>
<section>
   <div id="sidebar">
   </div>
</section>
<section>
   <div id="footer">
   </div>
</section>

#content {
display:inline-block;
float:right;
width: 78%; 
}
#sidebar {
display:inline-block;
float:left;
width: 285px;
height: 100%;
background: #89a8d4;
opacity: 0.8;
}
#footer {

Контент , как и сайдбар, растягивают блоки. Мне нужны сайбдар растянуть до конца страницы. Подскажите, как это сделать?