imagen superior a resolucion centrada

[sanxuan]

Usando este otro CSS mejora bastante el ejemplo anterior, haciendo desaparecer las barras de desplazamiento cuando el fondo queda parcialmente oculto.

Código CSS:

<style type="text/css">
body {
    margin:0; 
}
body,html{
    height:100&#37;; /* aquí debería decir 100% */
}
#fondo{
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
}
#fondo img{
    position:absolute;
    left:50%;
    top:50%;
    width:600px; /*El ancho de la imagen */
    height:600px; /*El alto de la imagen */
    margin-top:-300px;  /* la mitad del alto es el margen superior*/
    margin-left:-300px; /* y la mitad del ancho el margen derecho */
}
#contenido {
    position: absolute;
}
</style>