preencher toda tela

Boa noite pessoal, estou aprendendo a programar em html5+css3 e estou tendo dificuldades em trabalhar com imagens e que elas diminuam de acordo com o tamanho da visualização do usuário que acessa a pagina.

estava fazendo http://www.feliper.com/catalago/ mas não está ficando legal o banner do meio, pois se o usuário tiver uma resolução menor que fullhd (1920) ele gera barras no navegador, gostaria de uma orientação de vocês como corrigir isto ou até um tutorial onde ensine isto.

Fico no aguardo e desde já agradeço a paciência :)