Why isn't this <div id="wrapper"> working?

Ok, I have no idea what is up with this. I have another site and the CSS is identical. I am trying to center the site using the wrapper div and it works on one site and not on the new one I am doing… I even deleted the css (because it came from a template) and then started over… still nothing… here is the code: Any ideas???

@charset “utf-8”;
/* CSS Document */
body {
background: #ffffff;
font-family:Tahoma, Geneva, Veranda, sans-serif;
color:white;}
a:link, a:visited {color:white;}
#homebody, #homepanel, #footer, #flash{
position:absolute;
margin:0 auto;
padding:0;}
#wrapper{
width:780px;
margin:0 auto;
padding:0;}
#homebody{
top:400px;
height:500px;
width:500px;
background-color:#0b1867;}
#homepanel{
top:400px;
left:510px;
height:500px;
width:280px;
background-color:#890d0d;}
#footer{
top:900px;
height:50px;
width:780px;
background-color:#0b1867;}
#flash{
height:393px;
width:780px;
top:0;}

By the way… I am using Dreamweaver. When I am in preview mode, it is all the way on the left. When I hit the ‘Live View’ button, it is centered. When I preview in IE, it is off to the left. When I preview in FF, it is centered… Someone HELP!

Ok, figured it out… Again, this started as a template and all it had for the <html> tag was just that. <html>. Geez… I fixed it by adding the w3c to the html tag and above the <html> tag adding in the necessary tags for strict/transitional, whatever you prefer…

If you don’t declare a doc type ie:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

The browser will switch to quirks mode and screw up your css