Can anyone please tell me why this code will not allow the text to float at the bottom of the page? Thank you. I just want the text to be centered at the bottom of the page and float

}

#footer{
clear: both;
padding: 20px 0;
font-size: .8em;
color: #fff;
text-align: center;
padding-top: 10px;
position: relative;
float: left;
bottom: 0px;
width: 100%;
height: 50px
}

#footer a{
color: #fff;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

Is your footer at the bottom where you want it ? Is it just the text you're having trouble with ?

We really need a URL or ALL the code, there could be something else in your code that's affecting the results.