Your #homeGroup for example, has width 700px plus a border. Its container div however only has a 700px width. When jQuery starts an animation, it hides overflow on the elements it animates.
Your big black border is causing the boxes to be more than 700px wide (and same idea for height), meaning that a part is cut off. You should simply adjust the width of #homeGroup and related, so that it does take into account the border.
A good help here is to use firebug or chromebug or similar, hover the elements in the treeview and see if the blue semi-transparent cover that pops up is actually covering the right stuff.
I usually try to ensure that every parent does have the dimensions of its combined children, so when I float an element then its parent needs some extra CSS aswell to ensure it still has proper size. This makes it much much easier to find bugs as these, and usually helps prevent them.