超过浏览器时Div高度停止

Question

我创建了一个网站，其中包装器的每一侧都有两个支柱，并让它们填满整个浏览器，除非网站的内容超过浏览器的高度，在这种情况下它会停止填充整个场地的高度。

http://postimg.org/image/s2jb67cqp/

body {
 background:red;width: 100%;height:100%;position:relative;overflow:auto;}

#pillarLeft{
 background:green;left:0px;top:0px;width:2.8%;height:100vh;z-index:-1;float:left;
 background-repeat:repeat-y;background-size:100%;overflow:auto;}

#pillarRight{
 background:green;left:0px;top:0px;width:2.8%;height:100%;float:right;z-index:-1;
 background-repeat:repeat-y;background-size:100%;overflow:auto;}

#Wrapper {
 width: 80%;heigth:100%;margin-top:5%;margin-left:7%;margin-right:7%;padding-top:1%;
 padding-bottom:20px;float:left;}

所以，我一直无法让两个div填满整个页面，所以我希望得到一些帮助，因为它们使网站看起来很整洁。

亲切的问候 索伦