What should I get the height() of to make list fill the screen?
<p>IT WAS THE DEFAULT MARGIN ON THE <code>&lt;UL&gt;</code>!! SORRY
I've got a list of anywhere between 5 and 20 items and I want to make the whole list fill the height of the screen. So I'm finding the height of <code>&lt;html&gt;</code> and dividing it by the number of <code>&lt;li&gt;</code>s and setting this number as the height of each <code>&lt;li&gt;</code>. The problem is there is this roughly 20px white space at the bottom that comes up after the list. I think I need to find the height of the window or body or something instead. Here is some of my code:</p>

<pre><code>var numRootOptions = $('.wrapper &gt; ul &gt; li').size();
var htmlHeight = $('html').height();
var newliHeight = htmlHeight / numRootOptions;
$('.wrapper &gt; ul &gt; li').css('height', newliHeight);
setInterval(function() {
    var htmlHeight = $('html').height();
    var numRootOptions = $('.wrapper &gt; ul &gt; li').size();
    var newLiHeight = htmlHeight / numRootOptions;
    var liHeight = $('.wrapper &gt; ul &gt; li').height();
    if (liHeight != newliHeight) {
        console.log('Different');
    }
}, 2000);
</code></pre>
