I assume that this should not be in the Flash section as it seems as the threads there are discussing problems within the Flash program, not putting Flash videos on your webpage.

Anyway, I put my flash video on my website and it has black borders on the left and right sides of the video. I would like to remove them, but I don't know a whole lot about flash video parameters. Could anyone tell me how to do this? Here's my code for the index page:

Code:
<!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>

    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems."/>
    <meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12"/>

    <title>AV Avenue</title>

  </head>

  <body>

    <ul id="stoplight">
      <li id="stoplight1"><a href="index.html"></a></li>
      <li id="stoplight2"><a href="aboutus.html"></a></li>
      <li id="stoplight3"><a href="contactus.html"></a></li>
    </ul>
    

    <div id="stoplightbottom">
      <img src="Images/Home Page/StoplightBottom.png" alt=""/>
    </div>
    
    <div id="smartboard">
      <img src="Images/Home Page/Smartboard.png" width="180" height="180" alt=""/>
    </div>

    <div id="featuredpartner1">
      <img src="Images/Home Page/AviSPLLogo.png" width="140" height="60" alt=""/>
    </div>

    <div id="featuredpartner2">
      <img src="Images/Home Page/UnitedVisualLogo.png" width="140" height="60" alt=""/>
    </div>

    <div id="featuredpartnertext">
      <span class="blackfont2 comicsansms">SMART Board Partners</span>
    </div>

    <div id="specials">
      <img src="Images/Home Page/MaySpecials.png" alt="Check out our special services for May!"/>
    </div>

    <div id="text2">
      <img src="Images/Home Page/Text2.png" alt=""/>
    </div>

    <div id="avsign">
      <img src="Images/Home Page/AVAvenueLeftSign.png" alt=""/>
    </div>

    <div id="states">
      <img src="Images/Home Page/States.png" alt=""/>
    </div>

    <div id="contractorstext">
      <span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
    </div>


    <div id="company1">
      <img src="Images/Home Page/Company1.png" height="30" width="100" alt=""/>
    </div>

    <div id="company2">
      <img src="Images/Home Page/Company2.png" height="30" width="100" alt=""/>
    </div>

    <div id="company3">
      <img src="Images/Home Page/Company3.png" height="30" width="100" alt=""/>
    </div>

    <div id="company4">
      <img src="Images/Home Page/Company4.png" height="30" width="100" alt=""/>
    </div>

    <div id="company5">
      <img src="Images/Home Page/Company5.png" height="30" width="100" alt=""/>
    </div>





    <div id="flashmovie">

      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="400" id="AV_Ave" align="middle">

        <param name="movie" value="AV_Ave.swf"/>
        <param name="quality" value="high"/>
        <param name="play" value="true"/>
        <param name="bgcolor" value="#000000"/>
        <param name="loop" value="true"/>
        <param name="wmode" value="window"/>
        <param name="scale" value="showall"/>
        <param name="menu" value="true"/>
        <param name="devicefont" value="false"/>
        <param name="salign" value=""/>
        <param name="allowScriptAccess" value="sameDomain"/>


        <object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">

          <param name="movie" value="AV_Ave.swf"/>
          <param name="quality" value="high"/>
          <param name="play" value="true"/>
          <param name="bgcolor" value="#000000"/>
          <param name="loop" value="true"/>
          <param name="wmode" value="window"/>
          <param name="scale" value="showall"/>
          <param name="menu" value="true"/>
          <param name="devicefont" value="false"/>
          <param name="salign" value=""/>
          <param name="allowScriptAccess" value="sameDomain"/>         

            <a href="http://www.adobe.com/go/getflash">
              <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
            </a>

        </object>

      </object>

    </div>


  </body>

</html>
and here's my CSS:

Code:
  * {margin:0; padding:0;}  

  html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
  {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
  } 
  body    { line-height: 1; }
  ol, ul    { list-style: none; }
  blockquote, q { quotes: none; }
  :focus        { outline: 0; }
  ins     { text-decoration: none; }
  del     { text-decoration: line-through; }
  table    { border-collapse: collapse; border-spacing: 0; }
  textarea      { overflow:auto; }




  ul#stoplight {

		margin: 0px 840px;
		width: 0px;
		height: 0px;
		list-style: none;

  }

  ul#stoplight li {
  
		display:inline;

  }

  ul#stoplight li a {

		float:left;
		text-indent:-9999px;
		text-decoration:none;


  }

  ul#stoplight li#stoplight1 a {

		width:178px;
		height:82px;
		background:url(Images/Stoplights.png) no-repeat 0 0;

  }

  ul#stoplight li#stoplight1 a:hover {

		background-position: -221px 0;

  }

  ul#stoplight li#stoplight2 a {

		width:178px;
		height:63px;
		background:url(Images/Stoplights.png) no-repeat 0 -82px;

  }

  ul#stoplight li#stoplight2 a:hover {

		background-position: -221px -83px;

  }

  ul#stoplight li#stoplight3 a {

		width:179px;
		height:66px;
		background:url(Images/Stoplights.png) no-repeat 0 -145px;
  }

  ul#stoplight li#stoplight3 a:hover {

		background-position: -221px -144px;
  }


  body {
  
	        background-image: url('Images/GradientBackground.png');
		background-repeat: repeat-x;

  }



  .arial {font-family: Arial;}
  .tahoma {font-family: Tahoma;}
  .verdana {font-family: Verdana;}
  .comicsansms {font-family: Comic Sans MS;}
  .underline {text-decoration: underline}
  .blackfont1 {font-size: 16px;}
  .blackfont2 {font-size: 24px;}
  .whitetext1 {color: #F2F2F2; font-size: 30px;}
  .whitetext2 {color: #EBEBEB; font-size: 17px;}
  .whitetext3 {color: #DBDBDB; font-size: 18px;}
  





  #background {top: 2.7em; left: 4em; position:absolute; z-index: -2; visibility: visible;}
  #stoplightbottom {margin: 211px 840px; position: absolute; z-index: 1; visibility: visible;} 
  #featuredpartnertext {margin: 230px 980px; position: absolute; z-index: 1; visibility: visible; width: 300px;}
  #smartboard {margin: 270px 1020px; position: absolute; z-index: 1; visibility: visible;}
  #featuredpartner1 {margin: 460px 960px; position: absolute; z-index: 1; visibility: visible;}
  #featuredpartner2 {margin: 460px 1110px; position: absolute; z-index: 1; visibility: visible;}
  #specials {margin: 550px 1020px; position: absolute; z-index: 1; visibility: visible;}
  #text2 {margin: 650px 155px; position: absolute; z-index: 3; visibility: visible;}
  #avsign {margin: -5px 50px; position: absolute; z-index: 1; visibility: visible;}
  #states {margin: 90px 540px; position: absolute; z-index: 1; visibility: visible;}
  #contractorstext {margin: 30px 530px; position: absolute; z-index: 1; visibility: visible; width: 250px;}
  #company1 {margin: 210px 250px; position: absolute; z-index: 1; visibility: visible;}
  #company2 {margin: 210px 350px; position: absolute; z-index: 1; visibility: visible;}  
  #company3 {margin: 210px 450px; position: absolute; z-index: 1; visibility: visible;}
  #company4 {margin: 210px 550px; position: absolute; z-index: 1; visibility: visible;}
  #company5 {margin: 210px 650px; position: absolute; z-index: 1; visibility: visible;}


  #contactinfo {margin: 270px 170px; position: absolute; z-index: 2; visibility: visible;}
  #contactimage {margin: 270px 170px; position: absolute; z-index: 1; visibility: visible;}

  #greenbackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}
  #greybackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}

  #aboutusheader {margin: 240px 260px; position: absolute; z-index: 2; visibility: visible; width: 600px;}
  #aboutusparagraph {margin: 290px 180px; position: absolute; z-index: 2; visibility: visible; width: 630px;}

  #list1 {margin: 400px 190px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
  #list2 {margin: 400px 400px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
  #list3 {margin: 400px 610px; position: absolute; z-index: 2; visibility: visible; width: 200px;}

  #flashmovie {margin: 240px 200px; position: absolute; z-index: 2; visibility: visible; width: 300px;}
My website is www.avavenue.com. Thanks a ton to anyone who helps out .