Centering div in FF vs IE

In firefox the flash movie is centered fine, but in IE its off to the left. Any suggestions?

Here is my html/css

<html xmlns="" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
    margin: 0;
    padding: 0;
#content {
    width: 950px;
#bg {
    background: url(images/bg.gif) repeat-x;
    width: 5px auto;

<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<body bgcolor="#ffffff">
<div id="bg">
    <div id="content">
    <script language="javascript">
        if (AC_FL_RunContent == 0) {
            alert("This page requires AC_RunActiveContent.js.");
        } else {
                'codebase', ',0,0,0',
                'width', '950',
                'height', '680',
                'src', 'multifocal',
                'quality', 'high',
                'pluginspage', '',
                'align', 'middle',
                'play', 'true',
                'loop', 'true',
                'scale', 'showall',
                'wmode', 'window',
                'devicefont', 'false',
                'id', 'multifocal',
                'bgcolor', '#ffffff',
                'name', 'multifocal',
                'menu', 'false',
                'allowFullScreen', 'false',
                'movie', 'multifocal',
                'salign', ''
                ); //end AC code