Como colocar a div widht 100% ao diminuir o tamanho da janela ?

Olá pessoal ,

Eu sou inciante em html e css , e estou com a seguinte questao para resolver .

Fiz uma div no css como no código abaixo.

#fundo {

 background-color:#f1f1f1;

 position:absolute;

 width:100%;

 height:60px;

}

<div id="fundo"></div>

Quando eu faço a visualização dessa pagina em tela maximilizada fica 100% , mas quando eu diminui o tamanho da janela , a div não fica 100% . como mostro nas imagens abaixo .

/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/01.png&key=08b3f3a8cc9ee03f603046f752bc87b4f2d5a50eac98de583c92d1ce6bf3aad8" alt="01.png" />

Mas quando faço a diminuição da janela ocorre da seguinte forma .

/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/02.png&key=7e34fa61770cc625caf1762bce1ee2f4fe60e30de7be6f22df0ae127b6186d02" alt="02.png" />

Alguem poderia me ajudar com esse probleminha ?

Agradeço desde já a atenção dos amigos que me ajudarem .

Oscar