Hey Joe, Thanks.  Easy fix once pointed in the right direction.  The issue was my wrapcenter was position:absolute.  Changed it to relative and it was easy from there.  Updated CSS is below.

Also note, I have 2 footers.  The first is float.  The second, if I change to float, screws up the whole container, so I set that to relative.  But it works great like this:

/* Content */
.wrapcenter {position: relative; top:0px; width: 100%; height:100%; margin: 0 10px 10px 10px;}

.leftside {float:left; height: 100%; width:320px; }
.center-nomargins {float:left; height: 100%; width: 970px;}
.center-rightandleftmargins {float:left; height: 100%; width:320px; }
.center-rightmargin {float:left; height: 100%; width: 640px; margin: 0 10px 0 0; }
.center-leftmargin {float:left; height: 100%; width: 640px; margin: 0 0 0 10px; }
.rightside {float:left; height: 100%; width:320px; }

/* Site Map Footer */
.wrapfooter {float: left; text-align: center; width: 100%; clear:both; margin: 15px 0 10px 0; }
.wrapfooter a { text-decoration:none; }
.wrapfooter a:hover { text-decoration: underline; }

/* pagefooter */
.pagefooter {position: relative; margin: 10px 10px 10px 10px;}

Beer on the way.