Problema com alinhamento

Olá,

Estou tendo um probleminha com o layout que fiz em www.alasdetoros.com.br

Como vocês podem ver, está tudo certo, até o momento que alguém tente diminuir a janela do seu navegador.

A imagem foi posicionado com css para sempre estar no meio, então ela acaba sendo jogada para cima da div #header quando alguém muda o tamanho da janela.

Como faço para que a #header não seja sobreposta pela imagem? Já tentei margins, já mudei a importância de cada div mas nem assim consegui.

Obrigado!