divはブラウザの一番下には残りません

#footer divを#content div と #sidebar divの一番下にとどめようとしていますが、以前は他の場所で働いていたことはありませんもう仕事をしたいと思っていて、私は迷っています。divはブラウザの一番下には残りません

ここワークス：http://wiki.tf-575.com/index.php?title=RBL_Store しかし、ここにいない：http://beta.tf-575.com/index.php?title=RBL_Store

body { 
 
    background: #020B12; 
 
    font: x-small sans-serif; 
 
    color: B3DFFC; 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
} 
 

 
#container { 
 
    background: #020B12 url(background-tile.png) top left repeat-y; 
 
    font: normal; 
 
    width: 100%; 
 
    margin: 0 auto; 
 
    text-align: left; 
 
} 
 

 
#header { 
 
    background: #020B12; 
 
    color: B3DFFC; 
 
    padding-top: 1px; 
 
    padding-bottom: 67px; 
 
} 
 

 
#sidebar { 
 
    background: none; 
 
    float: left; 
 
    margin-bottom: 84px; 
 
    padding: 0 1px; 
 
    width: 164px; 
 
    top: 80px; 
 
    position: absolute; 
 
} 
 

 
#content { 
 
    color: #446C90; 
 
    margin-top: -48px; 
 
    min-width: 960px; 
 
    font-size: 120%; 
 
    text-align: left; 
 
    padding: 0 20px 0 165px; 
 
} 
 

 
#footer { 
 
    background: url("footer.png") no-repeat scroll left bottom transparent; 
 
    clear: both; 
 
    color: #446C90; 
 
    font-size: 90%; 
 
    min-height: 82px; 
 
    margin: 0; 
 
    padding: 82px 0 0 165px; 
 
    text-align: center; 
 
}

<body> 
 
    <div id="container"> 
 
    <div id="header"> 
 
     <snip /> 
 
    </div> 
 
    <div id="sidebar"> 
 
     <snip /> 
 
    </div> 
 
    <div id="content"> 
 
     <snip /> 
 
    </div> 
 
    <div id="footer"> 
 
     <snip /> 
 
    </div> 
 
    </div> 
 
</body>

出典

2017-11-02 Lord_Trekie