Simplemente cambia fixed por relative
Código CSS:
Ver originalfooter[role="contentinfo"] {
background: url("http://pelusasfactory.net/images/background-footer.png") repeat-x scroll 0 0 transparent;
bottom: 0;
height: 155px;
position: relative;
text-align: center;
width: 100%;
}
y si sacas el footer de la div#page, no tendrás el problema del margen inferior.
Saludos
P.D: Usa Firebug en Firefox y te quitarás muchos quebraderos de cabeza.