A simple solution to solve the problem with the menu is to define "clear: both;" in footer style definition.
div#footer {
clear: both;
text-align: center;
}
This setting removes all text floating information set before the footer. This force the body element to widen so that the footer can be displayed after the menubox.
Loki