Hola Pzin
te copio codigo, primero del html, despues del css
La foto escalable iria en DIV CONTENIDO
con Z-INDEX PUSE #textohome, PARA QUE VAYA POR ARRIBA DEL DIV CONTENIDO
<body>
<div id="encabezado">
<div id="logo" > <a href="index.html"><img src="images/claudia-solari-soluciones-editoriales.gif" alt="claudia solari soluciones editoriales" ></a></div>
</div>
<div id="navegacion">
<div id="menu" >
<ul>
<li><a class="enlace" href="servicios.html">SERVICIOS</a></li>
<li ><a class="enlace" href="portfolio.html">PORTFOLIO</a></li>
<li><a class="enlace" href="clientes.html">CLIENTES</a></li>
<li ><a class="enlace" href="contacto.html">CONTACTO</a>
</ul>
</ul>
</div>
</div>
<div id="contenido">
</div>
<div id="textohome">
</div>
</body>
CSS
@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
}
a, a img { border:none; outline: none;}
#encabezado {
background-color:#Fff;
height:59px;
margin:auto;
}
#navegacion {
background-color: #353535;
height:15px;
margin:auto; /* centtrado */
}
#contenido {
background-image:url(images/home.jpg);
background-size: cover;
}
#logo {
width:270px;
height:58px;
float:left;
border:none;
}
#menu {
margin:auto; /* centtrado */
height:15px;
width:600px;
}
#menu li {
margin:auto; /* centtrado */
height:15px;
list-style-type:none;
text-align:center;
float:left;
padding-left:80px;
list-style-type:none;
}
#textohome {
width:462px;
height:200px;
border:none;
background-color: #fff;
margin:auto; margin-top:133px;
z-index:2;
}
GRACIAS!!