hace tiempo por ahí encontre una solución a esto con css:
HTML
<body>
<div id=”contenedor”>
<h1>Contenedor de la imagen</h1>
<img src=”ejemplo.jpg” alt=”imagen en porcentaje” title=”imagen en porcentaje” />
</div>
<body>
CSS
#contenedor{
width: 100%;
height: 50%;
}
img{
width: 94%;
margin: 2% 3% 3% 3%;
}
se ajusta el width de la imagen con porcentajes, en relación a su contenedor padre.
no se si puede al ponerla de fondo con la propiedad background (creo que no)... pero puedes poner la imagen en el div contenedor de tu sitio asi simularia ser un fondo... no se si me entiendes, y sobre este los otros div que nesesites.