Al original con ponerle no-repeat al fondo estaba listo:
Con respecto a la nueva solución, yo te diría que vuelvas a la original.
¿Por qué? Porque es más fácil y más correcto poner esa imagen de fondo como fondo y no mediante la etiqueta de imagen, ya que no es parte del contenido sino de la decoración.
Pero si aún así quieres seguir con la modificación dame unos minutos para ver que se puede hacer.
Edito: Perdón, me olvide de la parte 100% de la pantalla. Con lo cual tu solución es una de las soluciones posible (la única que conozco a decir verdad).
Primero elimina ese div fixed que tiene posicionado en forma absoluta
Luego tienes un error muy tonto, perdón, en el css de
wrapped
Código CSS:
Ver original#wrapper {
height: auto;
margin: auto 0; EL PRIMER VALOR CORRESPONDE A TOP-BOTTOM Y EL SEGUNDO A LEFT-RIGHT, Están al revés.
width: 880px;
}