How to embed a flash video into a logo?

Question

Hello,
I'm new to flash and dreamweaver and I'm slowly trying to learn it.  I have created a a flash logo for my website (http://www.emorgenstern.com) and I'm trying to extend the background color to cover the rest of top.
In dreamweaver I have put the embedded flash video in a div class and modified the class to extend the entire length with the proper background color.  In dreamweaver everything looks right but when I upload the actual .html and .css file it does not appear right.  The actual testing link is http://emorgenstern.com/emorgen/emorgen/index.html
Below is the code for those sections.
Here is the .html file
<div class= "banner">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="468" height="60"   title="banner">
  <param name="movie" value="../banner.swf" />
  <param name="quality" value="high" /><param name="LOOP" value="false" />
  <embed src="../banner.swf" width="468" height="60" loop="false" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
Here is the .css file
div.banner {
     margin:50px 0px 10px 0px;
     padding:17px 0px 0px 20px;
     border-style:solid;
     border-color:black;
     border-width:1px 0px;
     line-height:11px;
     background-color:#eee;
     width:100%;
Any help is greatly appreciated! Thank you in advance.
-Eric

Answer 1

Your code is kind of messy.  Use the validation tools below and fix reported errors.
HTML Validator - http://validator.w3.org 
CSS Validator - http://jigsaw.w3.org/css-validator/  
HTML & CSS Tutorials - http://w3schools.com/
Where did you get the CSS style sheet you're using?  It looks like an experiment, and not a real world CSS.  You might be better off using one of the the pre-built CSS layouts that ships with DW CS4.
Anyway, to answer you question.  In your HTML, move your  flash code between this:
<div id="Header">
and this
</div>
In your CSS, change all this:
/*#Header {
    margin:50px 0px 10px 0px;
    padding:17px 0px 0px 20px;
    height:33px;
    border-style:solid;
    border-color:black;
    border-width:1px 0px;
    line-height:11px;
    background-color:#eee;
    voice-family: "\"}\"";
    voice-family:inherit;
    height:14px;
body>#Header {height:14px;}
to this:
#Header {
    width: 100%;
    background-color:#eee;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com