Taking a moment to think on this, the problem can probably be solved by a properly placed clearing div <div style="clear:both;"></div>
or adding
`clear:both;' to #colophon
You have a full width content immediately above the footer on the front page which is why you are not seeing the problem there.
I'll be interested to hear what fixes it.