[Resolvido] Me complicando ao fazer layout

Olá pessoal, sou novo aqui no forum ^^

Bom digamos que eu tenho um bom conhecimento em HTML, javascript e CSS, porem hoje fui tentar por em pratica realmente, comecei ( ou pelo menos tentei ) a fazer o layout do site...

Só que ai vem oque está me complicando:

fiz uma imagem 1200x800 usando o width:100%, até ae estava perfeito, já que pelo que eu vi, usando o width 100% ele pega 100% do browser de qualquer pessoa que estiver visitando o site...

Porem quando fui por mais uma imagem por cima do layout, no tamanho de 1100x700 usando o width:100% apenas, ficou assim: ( com os scrolls )

http://i56.tinypic.com/34fjm7d.jpg

Depois tirei o width:100% da segunda imagem e coloquei em pixels ( 1100 x 700 ) ficando assim:

http://i54.tinypic.com/2wnoht2.jpg

E simplesmente o que eu queria é, que ficasse assim em qualquer resolução:

http://i53.tinypic.com/2hyb5m1.jpg

:/

Peço desculpas pela pergunta, e espero que eu tenha conseguido explicar o que está acontecendo...

Obrigado a quem puder me explicar onde está o erro.