Footer shadow and page height

I have two questions; sorry for combining here but I think they’re both pretty quick answers for anyone who know a little more than me.

#1 – Please see URL: [url]http://backstageweb.net/RiskSciences/contact.htm[/url] (bottom of page)

What do I need to do to get rid of the gap separating the wrapper and the “bottom” div:

HTML

[CODE]</div><!–end “content”–>
<div id=”footertag”>
<p class=”footertext”>&copy; Copyright – riskSciences.net, LLC. All rights reserved.</p>
</div>
</div><!– end container –>
</div><!– end wrapper –>
<div id=”bottom”></div>
</body>
</html>[/CODE]

CSS:

[CODE]#footertag {
margin:0 auto;
background-color:#fff;
width:800px;
}

.footertext {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#666666;
text-align:center;
padding:22px 0;
}

#bottom {
background:url(images/PageBottom.png) no-repeat bottom left;
width:828px;
height:17px;
margin:0 auto;
padding:0;
}[/CODE]

#2 – Please see URL: [url]http://backstageweb.net/RiskSciences/contact3.htm[/url]

(sorry about this one, I searched for the quick answer but all I really found was noise and “height:100%” which doesn’t work) – How do I make the container automatically fill the full height of the page (even with no content)?

#container {
margin:0 auto;
background-color:#ffffff;
width:800px;
height:100%;
}

Thank you.

John

Also in #CSS _↴