barra en el bottom y fondo en el top

[margancia]

Hola a todos como andan?

Estoy teniendo un problema en mi sitio. Tal vez alguno me pueda dar una mano...

Agregué hace tiempo una barra (estilo facebook) en el bottom del sitio y funcionaba todo bien..

Hoy rediseñé un poco el sitio y entre otras cosas agregué un fondo en el top del body, el problema es que el fondo no se queda ahi arriba una vez que se baja, sino que va bajando (pegado al top) cuando uno va para abajo.

Para el fondo está lo siguiente:

body {
background: #000 url(images/bg.gif) top center no-repeat;
}

Y para la barra en el bottom:

html, body {
margin: 0px;
padding: 0px;
overflow: hidden;
width: 100%;
height: 100%;
}

#contenido {
position: absolute;
overflow: auto;
width: 100%;
height: 100%;
text-align: center;
}

.dock {z-index:700;
position: relative;
height: 23px;
text-align: center;
width:100%;
}

#dock2 {
margin:0 auto;
margin-left:17px;
width: 96.1%;
bottom: 0px;
position: absolute;
left: 0px;

}
.dock-container2 {
position: absolute;
height: 23px;
}

Me di cuenta que esto solo pasaba cuando agregaba los css de la barra. Lamentablemente el sitio no lo puedo tener en este momento online... alguien sabe como se puede solucionar esto?

Muchas gracias!
Margancia