内容出现在页脚后面有粘性页脚CSS

Question

我一直在使用本指南尝试制作一个粘性页脚，即使页面上的内容很少，它仍将保留在Web浏览器的底部： http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/

此解决方案适用于内容很少的网页，这很好，因为它的内容很少，因此必须首先使用粘性页脚。

然而，遗憾的是，在内容相当不足的页面上（即足以保证滚动条），粘性页脚在网页中间盘旋，覆盖内容和文本，而不是粘在底部。在这些情况下，页脚会加载到通常在内容很少的页面上的位置，而不是在应该加载的底部。

这是一张图片。

（不得不把那张照片分开，因为我不够高，不能发布两个链接。）

我正在使用的解决方案应该非常有效。我是HTML＆amp;的新手CSS，所以我的工作可能是残酷的......我想知道我是否在我的CSS文件中添加某种冲突的属性，这些属性让人感觉不舒服。我摆弄它似乎找不到任何东西。

这是我的CSS：

html, body
{
    margin: 0;
    padding: 0;
    /********/height: 100%;
}
#wrap{
width: 100%;
min-width: 550px;
margin: 0 auto;
/**********/min_height: 100%;
/*Code snippet for IE browsers before IE7*/
!--[if lt IE 7]>
<style type="text/css">
#wrap { height:100%; }
</style>
<![endif]-->
/*********/position: relative
}
#header{
    padding-bottom: 0px;
    text-align:center;
    background-color:#000000;
}
#navigationbar{
    background-color:#3B3B3B;
}
#bodytext{
    max-width: 900px;
    min-width: 550px;
    padding: 10px;
    padding-bottom:135px;
    margin: 0 auto;
    background-color:#FFFFFF
}
#footerwrap{
    width:100%;
    height:135px;
    background-color:#000000;
    /****/bottom: 0;
    /****/left: 0;
    /*****/position: absolute;
}
#footer{
    width:740px;
    height:115px;
    color:#FFFFFF;
    font-family:cambria;
    margin: 0 auto;
    padding-top:1em;
}

如果需要，我可以发布HTML页面。

编辑：感谢您的通知。无法发布指向该网站的链接，因为此时它实际上并不在线，但这里是.zip文件夹中所有网站文件的下载链接。 http://www.filedropper.com/website_8

澄清一下，index.html，services.html和about.html都没有什么内容，也很合适。在这种情况下，Contact.html有更多的内容，因此是罪魁祸首。