CodingForums.com - Fix footer at bottom of page, and extend sidebar all the way down?

Basically I'm trying to fix my footer at the bottom of the page and make the side bar extend all the way down to the footer.

What I have so far can be seen at: http://rioteight.com

I've been tweaking my code for hours to find a solution to this, and I'm just learning and I finally decided to join this forum. :p

CSS Code:

Code:

body {

        background-color: grey; 

        color: #FFF;         

        }

        

#container {

        position: relative;

        width: 1000px; 

        margin: 0 auto;         

        }

        

#header {

        border-bottom: 1px solid white; 

        }

        

#header ul {

        list-style-type: none;

        word-spacing: 5px;                  

        }

        

#header li {

        display: inline; 

        font-weight: bold;           

        }

        

#header a {

        color: #FFF;         

        }

        

#content {

        width: 700px; 

        float: left; 

        }

        

#sidebar {

        background-color: orange; ;  

        width: 299px; 

        margin: 5px 0px 0px 0px; 

        float: left; 

        

        border-left: 1px solid white; 

        }

        

#footer {

        border-top: 1px solid white; 

         

        clear: both; 

        }

        

        

h1, h2, h3, h4, h5, h6 {

        color: orange;         

        }

Much appreciated,
Jeremy