Imagens com repeat-x não acompanham a rolagem da tela

Oi gente.

Tenho um site que tem o header e o footer com imagens que devem se repetir na largura. Tratei isso com repeat-x e funcionou ok numa resolução wide.

O problema acontece quando redimensiono o browser, e então a imagem se repete até a largura inicial da página. Depois da rolagem ela não continua. Segue a imagem:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.meelaribeiro.com.br/wrong.jpg&key=c313fcadda846cabd7e8214ee786979837d5d3c99337612dca709b78f632dcce" alt="wrong.jpg" />

Como posso consertar esse problema?

Segue um link pra visualizar melhor o código.

*O .css está meio bagunçado ainda.