Footer fixieren

[SAX]

hallo zusammen,

habe folgendes problem und brauche daher eure hilfe:
möchte meinen footer fixieren, was mir aber anscheinend probleme bereitet.

anbei mein css-code:

html {
width:100%;
}

body {
width:100%;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#header_container {
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:3em;
    z-index:3;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    background:#efefef;
    z-index:3;
    margin:0;
    padding:0.2em;
}

#wrap {
width:100%;
}

#logo {
width:50%;
float:left;
text-align:center;
margin-top:2px;
}

#auth {
width:50%;
float:left;
color:#FFF;
margin-top:20px;
  color:#000;
}

#nav {
width:100%;
height:26px;
float:left;
clear:left;
}

.nav_button a:link, .nav_button a:visited, .nav_button a:hover, .nav_button a:active {
color:#FFF;
text-decoration:none;
}

.nav_button_text {
padding:4px;
}

#hpc {
width:100%;
float:left;
clear:left;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color:#FFF;
text-decoration:none;
}

#footer {
position:fixed;
    bottom:0px;
    padding:10px;
    width:100%;
}

#foot_top {
width:49%;
float:left;
margin-top:5px;
margin-left:1%;
}

.foot_1 {
width:25%;
float:left;
}

.foot_2 {
width:25%;
float:left;
}

.foot_3 {
width:100%;
float:left;
clear:left;
margin-top:10px;
}

und der dazugehöre index-teil, php...versteht sich ;)

<div id="footer">
<div id="foot_top">
<div class="foot_1">
<a href="#">Über uns</a><br />
<a href="#">Presse</a><br />
<a href="#">Kontakt</a><br />
<a href="#">Impressum</a>
</div>
<div class="foot_2">
<a href="#">FAQ</a><br />
<a href="#">Datenschutz</a><br />
<a href="#">Nutzungsbedingungen</a>
</div>
<div class="foot_3">
Copyright &copy; <?php echo date("Y"); ?> ProSelec
</div>
</div>
<div id="foot_bottom">
<img src="images/foot/logo_hfu.png" alt="" />
</div>
</div>
</div>

wer hat mir einen rat?