I'm using jquery height() function to make it so that a div inside my page fills the gap between the header and footer (which are fixed height) so that the entire page is fullscreen. However I want any content in that div to overflow:auto; When I set the css to overflow:auto; the div disappears totally.

1. $("#col3_tab").height( contentH-$("#col3_content").outerHeight() );

contentH is simply the sum height of the header and footer and #col3_content is a fixed height div above the div I want to be auto scroll.

1. #col3_tab {
       width: 100%;
       background-color:#CC99CC;
       overflow:scroll;
   }
   
   
   
   

Any ideas why the div disappears when I apply overflow or know a work around to get it to work.

Thanks in advance.