html - 体の高さからdivの高さを設定する

Question

私の本文と html は高さ 100% で、オーバーフローは非表示になっていますが、独自のコンテンツをスクロールできるようにするには div が必要です。div のコンテンツが特定のポイントまでスクロールするのを見ることができるように、これがjsfiddleです。本体の高さからヘッダーの高さとパディングを引いたものに応じて、高さを設定しようとしています。

CSS:

body{ 
overflow:hidden;/* needed to eliminate scrollbars caused by the background image */
padding:0;
    margin:0;/* necesarry for the raster to fill the screen */
    height:100%;
    width:100%;
}
html{
   min-height:100%;
   padding:0;
   margin:0;
}
#header{
   height:70px;
   background:#000;
   color:#fff;
   margin:0;
   padding:0;
}
#votes{
background:rgba(0,0,0,0.8);
width:266px;
position:absolute;
right:0;
padding:5px 5px 50px;

color:#fff !important;
z-index: 99999;
  overflow:scroll;

}

JS

$(document).ready(function(){
var height = $(document).height();
var divheight = height - 130;
$('#votes').attr('style', 'height:' + divheight + 'px');

});