Prueba de esta manera:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> *{margin:0; padding:0;}
html,body{height:99%}
#tabla3 {
width: 99%;
height: 99%;
border: 4px inset #000;
margin: 0 auto;
position:relative;
}
#tabla3 img {
width: 100%;
height: 100%;
position: absolute;
}
.texto { color: #f00;
font-size: 30px;
position: relative;
}
<img src="Imagen de un apretón de manos, un blanco y un negro.jpg"> <div class="texto">El contenido quedar
á sobre la
Si queres usar el 100% de todo tendras que eliminar los bordes