podes eliminar #guarda_superior y aplicar el fondo directamente en #contenido
te rehago el código:
Código:
*{ /*esto resetea los margenes por defecto de todos los elementos */
margin:0;
padding:0;}
html, body{
height:100%;
background:url(img/bg-top.jpg) repeat-x top left;
}
#contenedor{
background:url(img/bg-bottom.jpg) repeat-x bottom left;
min-height:100%;
}
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Prueba</title>
</head>
<body>
<div id="contenedor">
<p>aquí adentro va todo el contenido</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<p>y más contenido</p>
</div>
</body>
</html>
eso es todo :)
y si necesitas css especial para ie, en vez del hack * usa
comentarios condicionales para ie