Форумы портала PHP.SU

Здравствуйте мне нужно чтобы футер был после всего контента, а он зависает на половине экрана,даже до окончания сайдбара вроде бы все верно [url] http://exportgrain.org/cristal/index.php[/url]

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

 
<body>
 
<div id="wrapper">
 
        <header id="header">
                
        </header><!-- #header-->
 
        <section id="middle">
               <div id="menu_horisontal">
                     <?echo file_get_contents('pages/menu.php');?>
                </div><!--menu_horisontal-->
                <div id="container">
                      <div id="content">
                       </div><!-- #content-->
                </div><!-- #container-->
 
                <aside id="sideLeft">
                        <div id="menu_vertical">
                              <?echo file_get_contents('pages/menu_vertical.php');?>
                         </div><!--menu_horisontal-->
                </aside><!-- #sideLeft -->
 
        </section><!-- #middle-->
 
</div><!-- #wrapper -->
 
<footer id="footer">
        
</footer><!-- #footer -->
 
</body>
 

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

 
* {
        margin: 0;
        padding: 0;
}
html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  min-height: 100%;
}
 
header, nav, section, article, aside, footer {
        display: block;
}
body {
        font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
        background: url('../img/sky.jpg');
        width: 100%;
        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%;
        position:relative;
}
 
 
/* Header
-----------------------------------------------------------------------------*/
#header {
        height: 393px;
        background: url('../img/2.png');
        position:relative;
}
#menu_horisontal{
height:100px;
width:1000px;
position:relative;
 
}
 
/* Middle
-----------------------------------------------------------------------------*/
#middle {
        width: 100%;
        padding: 0 0 100px;
position:relative;
 
 
}
#middle:after {
        content: '';
        clear: both;
        display: table;
}
#container {
        width: 100%;
        float: left;
        overflow: hidden;
 
}
#content {
        padding: 0 0 0 320px;
 
}
 
 
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
        float: left;
        width: 300px;
        margin-left: -100%;
        position: relative;
        background: #B5E3FF;
        
}
 
 
/* Footer
-----------------------------------------------------------------------------*/
 
#footer {
        width: 100%;
        height: 100px;
        background: #BFF08E;
        position: relative;
   
}
 

PHP.SU

Футер