codice:
background-image: url(images/footer.gif)no-repeat;
forse è lì il problema. Potrebbe dipendere cioè dal fatto che stai specificando due parametri nella proprietà background-image (l'url dell'immagine e il no-repeat); prova a cambiare quella riga così:

codice:
background: url('images/footer.gif') no-repeat
Facendo attenzione a non scrivere attaccato l'url e il no-repeat (e mettendo anche gli apici singoli come li ho inseriti io, forse non cambia nulla ma nelle guide ho sempre visto fare così :P).
Se non va ancora, aggiungi l'entità &nbsp; all'interno del tag <div id="footer2">

Ciao :)