Imagen de fondo en la parte inferior de la página

[gotito]

Tengo un div llamado contenido que contiene el resto de divs de la página. Ese div tiene una imagen de fondo que se debe mostrar en la parte inferior de la página. Se me muestra bien cuando la resolución de la pantalla es pequeña, pero para resoluciones grandes, la imagen de fondo no llega al final de la página, sino hasta donde llega el contenido de la página.

Aquí muestro como tengo hecho contenido en el CSS y también el body.

body {
background-color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 14px;
}
#contenido {
background:#000000 url('../imagenes/fondo.jpg') no-repeat;
margin:0px auto;
border-left:1px solid #000;
border-right:1px solid #000;
width: 814px;
text-align: left;
}

Gracias.

[inyaka]

lee las referencias de background http://www.w3c.es/Divulgacion/GuiasR...CSS21/#colores

Código HTML:

background:#000000 url('../imagenes/fondo.jpg') no-repeat scroll bottom center;

[kseso?]

body {height: 100%;}
#contenido {height: 100%;}

Pero sin esto puede tener efectos secundarios no deseados. Sólo tú conoces el resto de la página y qué haces o quieres hacer con el resto de contenido.

[bkolores]

eso es machote saludos

#contenido {
background:#000000 url('../imagenes/fondo.jpg') no-repeat;
background-position:bottom center;
margin:0px auto;
border-left:1px solid #000;
border-right:1px solid #000;
width: 814px;
text-align: left;
}

margin:0px auto; (cuando el valor es 0 no hay que ponerle px es lo mismo 0px que 0em o 0ex o 0cm simplemente es 0)