There’s actually a few things that are stopping your footer from getting centered.
In body change “text-align: left;” to “text-align: center;”
In #wrapper change remove “float: left” and add “text-align: left;”
In #footer remove “float: center” and add “margin: 0 auto;”
I believe that will do it.
There is an issue I’m seeing though – well – not seeing. When I load your page there’s no background you may want to double check how you’re adding the url. Change “repeat – x” to “repeat-x” (no spaces) fixes it.
Note: I only tested this in Firefox for now but I believe that ought do it all around. You may want to double check IE and Safari.