Para la imagen al 100%:
cree un div hijo directo de body con las propiedades:   
Código CSS:
Ver original- #fondo-imag { 
-     height: 200%; 
-     left: -50%; 
-     position: fixed; 
-     top: -50%; 
-     width: 200%; 
- } 
coloque dentro de él la imagen que quiere que se extienda al 100% y le declara:   
Código CSS:
Ver original- #fondo-imag img { 
-     bottom: 0; 
-     left: 0; 
-     margin: auto; 
-     min-height: 50%; 
-     min-width: 50%; 
-     position: absolute; 
-     right: 0; 
-     top: 0; 
- } 
Por supuesto, no se olvide de incluir:   
Código CSS:
Ver original- html, body { 
-     height: auto !important; 
-     min-height: 100%; 
-     width: 100%; 
- } 
¿Se fijó que la parte izquierda del texto queda inaccesible al reducir la ventana?
Sugerencia:
Cambios a realizar en su css:   
Código CSS:
Ver original- #logo { 
-     margin: 0 auto; 
-     position: relative; 
-     width: 535px; 
-     z-index: 50; 
- } 
-   
- #form { 
-     margin: 0 auto; 
-     position: relative; 
-     width: 535px; 
-     z-index: 50; 
- } 
-   
- img.logo { 
-     display: block; 
-     margin: 15px auto; 
- } 
img.logo es su imagen del águila.