[elofsson]

<div id="whole">
  <div id="content">
   <div id="left"></div>
   <div id="menu"></div>
   <div id="main"></div>
   <div id="footer"></div>
  </div>
</div>

#menu {
  background: #fff url(images/menu_back.gif) repeat-x;
  border-right: solid 1px #D0D0D0;
  width: 198px;
  float: left;
  }

#footer {
  clear: left;
  width: 651px;
  height: 39px;
  background: url(images/footer_back.gif) no-repeat;
}

Jag har lagt sidfotsdiven inne i content-diven, tagit bort height från #menu samt satt clear: left; på sidfotsdiven.