Flash embed workaround not working for me

1

Following the absurdly simple tutorial that Kirupa posted about the new and exciting MSIE flash embed hiccup, i have generated and successfully used the following code when it is in it’s own html page…

<script type="text/javascript" src="flashobject.js"></script>

<div id="flashcontent" style="width: 230px; height: 250px"></div>

<script type="text/javascript">
var fo = new FlashObject("nav bar.swf", "animationName", "230", "250", "8", "#FFFFFF");
fo.addParam("allowScriptAccess", "sameDomain");
fo.addParam("quality", "high");
fo.addParam("scale", "noscale");
fo.addParam("loop", "false");
fo.write("flashcontent");
</script>

The PROBLEM is when i try to integrate it into my current project (the inserted code is about two thirds down…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Jeffrey Rotin</title>
<META NAME="Title" CONTENT="Jeffrey Rotin - ">
<!-- TemplateEndEditable -->
<META NAME="Description" CONTENT="Jeffrey Rotin - Facilitator, Consultant, Writer">
<META NAME="Keywords" CONTENT="Jeffrey Rotin, Jeff Rotin, Vancouver BC, British Columbia, freelance writer,communications consultant, strategic communications, strategic planning, board governance, not-for-profit, non-profit">
<meta name="lastmod" content="2006-05-15">
<meta name="resource-type" content="document">
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<link href="../rotin.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div align="center">
  <table width="596" border="0" cellpadding="0" cellspacing="0" background="../ground.jpg">
    <!--DWLayoutTable-->
    <tr>
      <td colspan="3" rowspan="2" align="right" valign="bottom"><!-- TemplateBeginEditable name="section picture" --><img src="" alt="" name="sectionimage" width="183" height="206" id="sectionimage" style="background-color: #990066" /><!-- TemplateEndEditable --></td>
      <td width="2" rowspan="9" valign="top"><img src="../slices/sketch 11a_r1_c5.png" width="2" height="659" /></td>
      <td width="18" height="12"></td>
      <td width="82"></td>
      <td colspan="2" valign="top" class="style11"><div align="right"><a href="http://www.blee-ree-eyed.com" target="_blank">site design - blee-ree-eyed studios </a></div></td>
    </tr>
    <tr>
      <td height="207"></td>
      <td></td>
      <td width="209">&nbsp;</td>
      <td width="35"></td>
    </tr>
    <tr>
      <td height="54" colspan="3" align="right" valign="top"><img src="../slices/jeffery header.png" alt="Jefferey Rotin; Consulting/Communication" width="247" height="54" /></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td width="54" height="8"></td>
      <td width="188" rowspan="2" align="center" valign="middle"><div align="right"><span class="style6"><a href="mailto:jeff@jeffreyrotin.com">jeff@jeffreyrotin.com </a></span></div></td>
      <td width="8"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td height="9"></td>
      <td></td>
      <td></td>
      <td colspan="2" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="302" height="29" valign="top"><h1 align="left" class="style4"><!-- TemplateBeginEditable name="top heading" -->Top Heading <!-- TemplateEndEditable --></h1></td>
          </tr>
        
      </table></td>
      <td></td>
    </tr>
    <tr>
<td colspan="3" rowspan="2" valign="top">
<script type="text/javascript" src="flashobject.js"></script>

<div id="flashcontent" style="width: 230px; height: 250px"></div>

<script type="text/javascript">
var fo = new FlashObject("nav bar.swf", "animationName", "230", "250", "8", "#FFFFFF");
fo.addParam("allowScriptAccess", "sameDomain");
fo.addParam("quality", "high");
fo.addParam("scale", "noscale");
fo.addParam("loop", "false");
fo.write("flashcontent");
</script></td>
      <td height="33">  </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="217">&nbsp;</td>
      <td colspan="2" rowspan="2" valign="top"><!-- TemplateBeginEditable name="body" -->
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <td width="302" height="469">&nbsp;</td>
          </tr>
        </table>
      <!-- TemplateEndEditable --></td>
      <td></td>
    </tr>
    <tr>
      <td height="265">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
    </tr>
    <tr>
      <td height="222">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>

with this, i get bupkus! What the heck am i doing wrong here uys?