title: setting div height from body height
body: <p>My body and html are height 100% and overflow hidden, but I need a div to be able to scroll its own contents.  Here is the <a href="http://jsfiddle.net/pPGUB/1/" rel="nofollow">jsfiddle</a> as you can see the content in the div scrolls up to a certain point.  I am trying to set it's height depending from the body height minus the header height and padding.</p>
  
  <p>CSS:</p>
  
  <pre><code>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;
  </code></pre>
  
  <p>}</p>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function(){
  var height = $(document).height();
  var divheight = height - 130;
  $('#votes').attr('style', 'height:' + divheight + 'px');
  
  }); 
  </code></pre>