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;
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]-->
Hope somebody can help me.Thanks,
Robbedoesie
