いつも一番下に表示(センタリング)

wrapperをかましてセンタリング。

html {
    height:100%;
}

body {
    height:100%;
    text-align:center;
}

#wrapper {
    width:800px;
    margin:0 auto;
    height:100%;
    position: relative;
}

*html body #wrapper {
    position: absolute;
}

html>body #wrapper {
    height: auto; 
    min-height: 100%;
} 

#empty{
    height:29px;
}
#footer {
    position: absolute; /* 動的ページの場合、safariでNG */
    left: 0;
    bottom: 0;
    width: 100%;
    height:29px;
    text-align:center;
    background:transparent url(hoge.jpg) left bottom repeat-x;
}