Positionnement relatif footer

Bonjour,

J'ai codé un site perso (http://laetitia.brevet.free.fr) mais je me rend compte que le footer se deplace trop bas dans ma page selon le contenu. Normalement, il doit rester dans le body.
Je suis autodidacte et c'est mon premier site donc je m'excuse par avance de mon code qui doit pas etre tres catholique...
Est-ce que vous pouvez me dire ce qui cloche ? J'aurais du mettre une div globale au lieu d'utiliser le body pour cela ?
Voilà les CSS :

html
{
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size: 12px;
}

div#footer {
position: relative;
float: left;
width: 650px;
height: ;
margin-top: 65px;
margin-bottom: 10px
}

div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}

div#header {
font-size: 13px;
width: 650px;
}


div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}

div#contenu
{
height: 261px;
width: 320px;
margin-right: 20px;
margin-top: 0;
margin-bottom: 10px;
margin-top: 10px;
float: right;
}


Merci par avance !