Probleme bas de page en plein millieu =/

Bonjour,
j'ai un probleme sur ma page j'ai le footer qui arrive sur mon text =/

Image du probleme :
http://www.hostingpics.net/viewer.php?id=778278probleme.png

code CSS:

@charset "utf-8";
/* CSS Document */

html, body {
width: 1000px;
}

body {
background-image:url(images/fond.png);
background-color:#181818;
margin:auto;
width: 100%;
height:1200px;
color:white;
font-size:24px
}

#header {
border:solid 0px black;
background-image:url(images/header.png);
width:100%;
height:132px;
padding:0px; margin:0px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}

#logo {
border:solid 0px black;
background-image:url(images/logo.png);
position:absolute;
left: 500px;
top:20px;
width:420px;
height:80px;
z-index:5;
}

#menu {
border:solid 0px black;
background-image:url(images/menu.png);
position:absolute;
top:132px;
width:100%;
height:52px;
}

#menu li {
float:left;
display:block;
text-align:center;
position:relative;
border:none;
top:-24px;
left: 21.6%;
right:37.6%

}

#footer {
border:solid 0px black;
background-image:url(images/pied.png);
position:absolute;
width:100%;
height:107px;
top: 1200px;
}

#corps {
border:solid 1px;
position: absolute;
padding:5px;
width:50%;
left:25%;
right:25%;
top:300px
}


merci d'avance =)