Handig is om ook een height en width (of tenminste een min-height en min-width) toe te voegen.
Dit is - persoonlijk - mijn footer van een website van me:
#footer
{
margin: 0 auto;
width: 1000px;
text-align: right;
padding: 20px;
height: 1%;
}
Vooral de margin etc. bepaald goed waar ie staat.
Anyway, ik neem aan dat je het element (waarschijnlijk een div) op de goede plek in de layoutcode staat? Niet dat je een footer in de content of zo zet 
De waarde 'bottom' voor 'position' heb je zelf bedacht? Die bestaat namelijk helemaal niet.
http://www.w3schools.com/Css/pr_class_position.asp
Tip: Je zult 'fixed' moeten positioneren.
dit werkt niet 
.footer {
padding: 5px;
background: #0A0A0A;
color: #666;
height: 32px;
width: 100%;
clear: both;
position: fixed;
float: left;
left: 0;
bottom: 0;
overflow: hidden;
}Dit moet het normaal zijn had ik vroeger ook op een site
Dit noem je tegenwoordig een 'sticky footer'.
Hieronder kun je een tutorial vinden: http://www.netlash.com/blog/detail/sticky-footer-tutorial
Heb je nog geen account? Registreer je nu en word deel van onze community!