Menu Footer is too high on all my pages.

I do not know how to bring my footer menu back down to the bottom of the page. It is overlapping some of my content and just looks very bad. I am using the Edin Theme the footer navigation looks like this.

5.6 Footer Navigation
————————————————————–*/
.footer-navigation{
padding: 0 0 12px;
}
.footer-navigation ul {
display: block;
list-style: none;
margin: 0;
}
.footer-navigation li {
display: inline-block;
margin: 0 0 12px 8px;
font-weight: bold;
text-transform: uppercase;
}
.footer-navigation li:first-of-type {
margin-left: 0;
}
.footer-navigation li.current-menu-item a,
.footer-navigation li.current_page_item a {
color: inherit;
border-bottom-color: #303030;
}
.footer-navigation a {
color: inherit;
border-bottom: 2px solid transparent;
}
.footer-navigation a:hover,
.footer-navigation a:focus,
.footer-navigation a:active {
border-bottom-color: #1279be;
color: #1279be;
}

Any ideas on what to do?