Hola Alex.
Disculpa pero veo un poco consfusas tus modificacones
este es el codigo original
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" lang="es-es">
<head>
<title>Fondo de pagina elastico - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
<meta name="Description" content="Fondo de pagina elastico - Recursos CSS - araudi.net" />
<meta name="Author" content="Mikel Morote Donazar - Praxis Iruñea SLL" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="español" />
<meta name="Robots" content="index, follow" />
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
<style type="text/css">
#caja { position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#caja img { width: 100%;
height: 100%;
}
.texto { color: #f00;
font-size: 30px;
position: relative;
}
</style>
</head>
<body>
<div id="caja"><img src="http://www.forosdelweb.com/f53/img/270650_hello_my_friend.jpg" alt="Imagen de un apretón de manos, un blanco y un negro" /></div>
<div class="texto">El contenido quedará sobre la
capa de la imagen</div>
</body>
</html> creo que con el css no tendria problemas pero con lo otro. como quedaria?