Footer looks like header

[Robbedoesie]

Hello,
my footer moved from the bottom of the page to the top of the page. I don't know when or how but more worse, i can't get the footer back to the bottom of the page.
My website is http://www.robcnossen.nl/uploads/gallery.php.

My css styles is;
[syntax=css]body{
height:100%;
margin: 0;
padding: 0;
color: #999;
background: #000;
font-family: arial, sans-serif;
}
#wrap{
min-height: 100%;
}

#sidebarleft{
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 0 auto;
position:absolute;
margin:10px 0 100px 0;
left:8px;
width: 175px;
height:100%;
overflow:hidden;
float: left;
background-color: #171717;
}
#sidebarleft img{
position:relative;
margin: 8px 5px 8px 5px;
padding: 0px;
border:1px solid #999;
}
#sidebarleft img:hover{
border:2px solid #CCC;
}
#image {
padding-bottom: 10px;
width: 100%;
float: left;
position:fixed;
margin-left:30%;
top:20%;
border:none;
}
#image img {
width: 50%;
border:none;
}
#caption{
width: 50%;
float: right;
position:fixed;
margin-left:0;
margin-bottom:0;
color:#999;
clear:both;
}

#footer{
position:absolute;
margin-top: -10px;
height: 10px;
clear:both;
left:50%;
}
<!--[if IE]>
<link rel="stylesheet" type="text/css" />
#caption{

}
<![endif]-->[/syntax]

Hope somebody can help me.
Thanks,
Robbedoesie

[jacek]

Which bit is the footer ? It looks like it should to me :s

[sturekdrf]

I would say its how you are using your position, did you try adding bottom to it?

[xtrapsp]

http://prntscr.com/ecogz

It's because of the way your positioning it. Try changing the position from absolute to something else

[Z645]

If you want a space between the header and footer, make sure the middle has some width/height margins in it.

[Helx]

I think the best thing to use in this case is Bootstrap

I always turn to it when I can't figure out what I'm doing wrong.

[EcazS]

[syntax=css]
#footer {
position: absolute;
bottom: 0;
}
[/syntax]