Saludos!
 
En el css reemplaza esto:    
Código CSS:
Ver original- #wrap { 
-    
- background: url("images/wrap.jpg") repeat-y scroll center top transparent; 
-   
- height: 100%; 
-    
- margin: 0 auto; 
-   
- position: relative; 
-    
- width: 1004px; 
-   
- } 
Por esto:   
Código CSS:
Ver original- #wrap { 
-    
- background: url("images/wrap.jpg") repeat-y scroll center top transparent; 
-    
- margin: 0 auto; 
-    
- overflow: hidden; 
-    
- position: relative; 
-    
- width: 1004px; 
-   
- } 
Y mira lo que he hecho: Quité el "height: 100%;" y lo reemplazé con "overflow: hidden;" que sirve, en este caso, para ajustar el contenedor al contenido interno. Te invito a que investigues acerca de la propiedad y que aprendas a utilizarla! Es realmente útil en estos casos. 
Hasta Luego! 
