Problemas con imagen de fondo

[damianjb]

Buenas.
Queria saber que es lo que estoy haciendo mal. Mi intencion es la de poner como fondo de una pagina una imagen creada con el corel pero necesito que esta se ajuste automaticamente al tamaño del monitor y que al ir agregando contenido en la pagina esta imagen de fondo se vaya agrandando. Es decir que horizontalmente siempre va a tener el mismo tamaño y se ira agrandando verticalmente segun el contenido que yo agregue. Lo que logre hasta el momento es tener la imagen en parte. ¿Estoy haciendo algo mal o simplemente no es posible esto utilizando unicamente CSS?
Antes que nada pido disculpas porque no soy diseñador web.
Desde ya agradezco su ayuda.
Saludos.
Damián.

Codigo CSS

html {
margin: 0;
padding: 0;
min-height: 100%;
}
body {
margin: 0;
padding: 0;
min-height: 100%;
}
#fondo {
background-image: url(Imagenes/fondo%20degradee%20amarillo%20solo.png);
top: 0;
left: 0;
width: 100%;
height: 100%;
}

[richicasas]

Podrias mostrar la imagen ??

[damianjb]

Gracias por responder, mas adelante veo si subo las imagenes.
Igual te comento que probe con el ejemplo que posteo JavierB

http://www.cssplay.co.uk/layouts/background.html

Lo que a mi me gustaria es que el tamaño vertical se adapte al tamaño total de mi contenido de pagina, que va a ser fijo. No me importa tener que hacer scroll.

[a77icu5]

si lo que te gustaria tener es tu fondo como el ejemplo que seguias, entonces aplica un background-position: fixed; a tu fondo...suerte !

[Csardelacal]

Lo enfocas mal... El otro día estuve con ello y es de un modo un poco distinto....

En la hoja de clases de CSS pones
# fondo
{ width: 100%;
height: 100%;}

Y en el HTML pones:

<img name="fondo" src="imagen.png">

Y ya te debería funcionar
Revisa un poco la sintaxis que el Weaver me mal acostumbra... Pero espero que te haya ayudado...