Fixed Div on bottom

HTML

<div id="content" class="center-page">
    <p>Mauricii materialia sola illi doleres vel per te sed esse ait est amet constanter determinatio debitis torporis quin. Mucro enim formam qui dicens hoc. Interposito brutis aeternae reversurus eum filiam sunt antecedente tuus factum ei! Testare in modo genito in fuerat. Famuli famuli curvus in modo cavendum es sed eu. Ni fluctus in deinde cupis auras. Nuntiatur hoc Apollonius non solutionem inveni Tharsia Theophilo litore consiliata quis nudus luctu detentus ait in lucem exempli. Lycoridem in rei civibus corporis optime Verena animo invidebat rex, iubet feci scis ceciderunt videns quia ad per.</p>
    <p>
Tyrus pro aperuit ita in rei sensibilium iussit hoc contra piissimi deo. Peractoque convocatis secessit civitatis in modo. Stranguillionem ubi augue eiusdem ordo quos essem rogo me. Curro vicina profundum item ut libertatem accipies si quod eam est se est in. Apollonius in rei sensibilium acciperem qui dicens mea Stet consequat Apolloni dicere. Quantas quaerentes me vero quo accumsan in fuerat se in modo genito in rei finibus veteres hoc ait regem Boreas quam crucis in. Ingens amorem infirmata dictum ait Cumque ego quod tamen alius. Vestem rex in fuerat construeret in lucem genero. Exposuit confunditur tempor in rei civibus nescis haec sed haec in modo genito in lucem in lucem. 'Iuraveras magnifice ex hic in deinde vero quo est amet constanter determinatio vestes lumen oculus videte deo apprehendit. Dionysias impediebatur luctantibus verba supremum defuncti tuam. Antiochus vero non dum miror diligere quem acceperat utique dolorem in. Palpat venas tanquam vero diam nostra paupercula possunt autem Apolloni dicere. Etiam quantitas devenit regi in fuerat eum est in.</p>
    <p>
Suave canere se vero diam dominum in fuerat construeret. Nutrix cum obiectum ait est in lucem exitum atque armata mare deambulavit latere potentiae falsa namque. Ni fluctus in fuerat est se in. Dicentem cives Mytilenam Descendi eam in lucem...

SCSS

html, body {
    height: 100%;
}
p {
    margin-bottom: 10px;        
}
h2 {
    font-size: 22px;
    color: #f9f9f9;
}
.center-page {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}
#menu {
    background-color: #38761D; 
    overflow: hidden;    
    border-bottom: 1px solid #1C450A;
    > li {
        display: block;
        float: left;
        > a {
            display: block;
            padding: 5px 10px;
            color: #B9D1AF;
            text-decoration: none;
            &:hover {
                color: #fff;    
                background-color: #63994B;
            }
        }
    }
}

#content {
    margin: 10px auto;
    background-color: #E9E9E9;
    padding: 5px 10px;
    border: 1px solid #D8D8D8;
    
    p {
        color: #333333;    
    }
}

#footer {
    width: 960px;
    position: relative;
    > div {        
        width: 960px;
        overflow: hidden;
        background: #438D23;
        position: fixed;
        bottom: 0;
        > ul {
            float: left;
            margin-right: 15px;
            color: #e9e9e9;    
        }
    }

}

div#spacer {
   display: block;
}

JavaScript

$('#spacer').height($("#footer > div").height());