Absolute Bottom?

Hey!

I am creating a site, and I need to have these striped bands at the top and the bottom of the site.
https://69.89.31.152/~littlgp0/ginny/

When the browser opens, the stripes fit perfectly to the top and the bottom of the site. but once the scrolling down begins, the bottom stripe is stuck in place, where the browser first opened.

How do i maintain the bottom stripe to follow the very bottom of the browser window?

Here is the CSS for top and bottom stripe:
#stripes_top { width: 100%; position: absolute; top: 0px; }
#stripes_bottom { width: 100%; position: absolute; bottom: 0px; }

HTML for the bottom stripe:
<div id=”stripes_bottom”> <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td bgcolor=”#e3916e”><div class=”box padTop10″></div></td>
<td bgcolor=”#336774″><div class=”box padTop10″></div></td>
<td bgcolor=”#f6c555″><div class=”box padTop10″></div></td>
<td bgcolor=”#6f3381″><div class=”box padTop10″></div></td>
<td bgcolor=”#7ba23f”><div class=”box padTop10″></div></td>
<td bgcolor=”#b68e55″><div class=”box padTop10″></div></td>
</tr>
</table>

</div>