object embed problem

[maryacallahan]

I bought a video component and it works great in firefox and safari but doesn't show up in IE

here's the code
<div id="customvideoplayer">
<p><div align="center"></p>
<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript" src="swfobject/swfmacmousewheel.js"></script>
<script type="text/javascript">
var flashvars = {
xmlpath : "xml/custom.xml",
};
var params = {
allowFullScreen : "true",
allowScriptAccess: "always",
wmode: "transparent"
};
var attributes = {
id : "customvideoplayer",
name: "customvideoplayer"
};
swfobject.embedSWF("customvideoplayer.swf", "customvideoplayer", "784", "430", "9.0.115", "swfobject/expressInstall.swf", flashvars, params, attributes);
swfmacmousewheel.registerObject(attributes.id);
</script>
</div>

I've been told to put in these object embed tags but I'm not sure where to put them

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="customvideoplayer" width="100%" height="100%" align="middle" id="customvideoplayer"> 
<param name="allowScriptAccess" value="sameDomain" /> 
<param name="movie" value="customvideoplayer.swf" /> 
<param name="quality" value="high" /> 
<param name="bgcolor" value="#000000" /> 
<embed src="customvideoplayer.swf" quality="high" bgcolor="#000000" width="100%" height="100%" name="component" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
</object>


Thanks so much

[maryacallahan]

OK- I got it to show up but the elements on the page are not aligned properly. Looks fine in firefox and safari but messed up in IE

http://glowdesignhouse.com/demo2/homecoming.html