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.

.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