Форумы портала PHP.SU :: позиционирование

Здравствуйте, посмотрите пожалуйста ссылку
http://www[dot]ellada[dot]pinokio[dot]in[dot]ua/[dot][dot][dot]te/pages/gallery
если заметите контент заканчивается ниже футера, как сделать так чтобы футер начинался после контента

CODE (html):
скопировать код в буфер обмена

 
<div id="wrapper">
 
        <header id="header">
        </header >
<div id="middle">
        <div id="container">
                <div id="content">
                </div><!-- #content-->
        </div>
        <div id="sideleft">
        </div>
</div><!-- #middle-->
 
</div><!-- #wrapper -->
<footer id="footer">
</footer><!-- #footer -->
 

CODE (html):
скопировать код в буфер обмена

 
html {
        height: auto;
        -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
}
header, nav, section, article, aside, footer {
        display: block;
}
body {
        width: 100%;
        height:auto;
        height:100%;
        }
a {
        color: blue;
        outline: none;
        text-decoration: underline;
}
a:hover {
        text-decoration: none;
}
p {
        margin: 0 0 18px
}
img {
        border: none;
}
input {
        vertical-align: middle;
}
#wrapper {
        width: 1000px;
        margin: 0 auto;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}
 
/* Header
-----------------------------------------------------------------------------*/
 
#header {
margin-top:-18px;
position:relative;
height: 292px;
}
 
/* Middle
-----------------------------------------------------------------------------*/
#middle {
        width: 100%;
        padding: 0 0 100px;
        height: 1%;
        position: relative;
}
#middle:after {
        content: '';
        clear: both;
        display: table;
}
#container {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-right: -100%;
        height:auto;
        position:relative;
}
#content {
padding: 0 0 0 200px;
height:auto;
position:relative;
        }
 
#sideleft {
        float: left;
        width: 200px;
        position: relative;
        background: url(/uploads/usertemplates/kolonna_srez.png) repeat-y;
        
}
 
/* Footer
-----------------------------------------------------------------------------*/
#footer {
        width: 1000px;
        position:relative;
        margin:0 auto;
        height: 1262px;
 
}
 