[Resolvido] Dificuldade em posicionar o rodapé

Olá a todos,

Estou tentando fazer um layout inicial com esta estrutura:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img12.imageshack.us/img12/3987/123pyb.png&key=43a4b93c50ed8851a48950868361738022c22f361c8a9a57a0c77c259e635c74" alt="123pyb.png" />

O logo e a caixa de pesquisa consegui centralizar do jeito que queria, mas o rodapé (imagem e cor preta) não consigo. Definindo o "height" da página até foi, mas queria que o layout fosse líquido. Já tentei várias combinações, mas nada deu certo. Como não tenho muita experiencia com CSS, talvez exista uma propriedade para se fazer isso de maneira fácil e eu não a conheço.

Tudo que fiz até agora (o .rodape{... não está funcionando):

.rodape{
bakcground-image: url(imagens/rodape.gif);
background-position: bottom center;
}

background-color: #f9f9f9;
}

#logo{
width: 400px;
height:100px;
position: absolute;
top: 35%;
margin-top:-23px;
left: 50%;
margin-left:-150px;

}
#pesquisa{
height:28px;
width: 330px;
border: solid 1px black;
margin: 15px 90px 0px 0px;
float: right;
padding: 0px 5px;
outline: none;
text-transform: uppercase;
font: 19px normal Arial, sans-serif;

}
#submit{
float: right;
margin: 15px 19px 0px 315px;
padding: 0px;
border: 0px;
position: absolute;
}

 

<div id="logo">
<img src="imagens/logo.png" alt="logo" />

<form action="#" method="get">
<input type="image" src="imagens/submit.png" alt="buscar" id="submit" />
<input type="text" name"pesquisa" id="pesquisa" value="" onfocus="EmptyField(this.id);" />
</form>
</div>

<div class="rodape">

</div>