Barra de rolagem horizontal no design responsivo

Boa tarde gente! Estou iniciando os estudos em design responsivo... Aparentemente deu tudo certo. Meu único problema, é uma barra de rolagem horizontal que está aparecendo em todas as resoluções definidas nas media queries. Encontrei este artigo no site do Maujor, que tratava exatamente desse problema: http://www.maujor.com/tutorial/propriedade-css-width.php Eu estava usando width:100%, e substituí por: width:auto. Porém, o problema não foi resolvido. No código, eu também utilizei: position:absolute. Não sei se essa também é a causa do problema. =/ Assim que o tamanho do navegador por dimuniído, a barra de rolagem horizontal já aparece.
Segue aqui o link do meu site... http://zaarte.com.br/responsivo/index.html (troquei a cor do background em cada classe das media queries para melhor visualização) Aguardo a ajuda de vocês! Obrigada