footer overlapping

I am using Theme Name: Engineering and Machinering. not sure what I did. it seems the page stops and the content is under the footer. if there content is short then the footer is overlapping on teh sidebar

take a look at the examples
https://davidglickrealtor.us/condo-hotels/
https://davidglickrealtor.us/

my footer css is as follows

/* Footer */

#footer {width: 970px; background: #bfbcbe; border: 1px solid #e9e9eb; clear: both; color: #122330; margin: 20px 0 0; padding: 10px 20px; float: none; font-size: 11px; position: absolute; left: 0; bottom: 0;}

#footer a {color: #ffffff;}
#footer a:hover {color: #ffffff; text-decoration: underline;}
#footer #webdesign {float: left;}
#footer #copyright {float: right; color: #ffffff;}
h3.footer-title {color: #ffffff; font-size: 12px; text-align: left; font-weight: bold; width: 100%;}