I have created a Flash banner for the home page of my website. Here is the link to the page I am working on: http://adirondackvic.org/CSSTest9July2012-2.html

When I zoom in to increase the size of the web page, the Flash banner rescales automatically. However, when I zoom out, to decrease the size of the web page, the Flash banner does not automatically rescale. It remains the same size and you have to hit the refresh button to get it to rescale to fit the newly resized page.

Here is the relevant (I think) code:

Code:
  <div class="header"><!-- end .header -->
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="100" align="absmiddle" id="FlashID" title="FlashBanner">
      <param name="movie" value="BannerTest16.swf">
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="swfversion" value="6.0.65.0">
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you donít want users to see the prompt. -->
      <param name="expressinstall" value="../Scripts/expressInstall.swf">
      <param name="LOOP" value="false">
      <param name="SCALE" value="exactfit">
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object data="BannerTest16.swf" type="application/x-shockwave-flash" width="960" height="100" align="absmiddle">
        <!--<![endif]-->
        <param name="quality" value="high">
        <param name="wmode" value="opaque">
        <param name="swfversion" value="6.0.65.0">
        <param name="expressinstall" value="../Scripts/expressInstall.swf">
        <param name="LOOP" value="false">
        <param name="SCALE" value="exactfit">

              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
      <img src="Images/Banner102 -- Saint Regis Mountain from the Barnum Brook Trail --  June 2012-1.jpg" width="960" height="102" alt="Paul Smith's College VIC" align="absmiddle">          
              </div>
        
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>

  </div>
Is there a fix for this? I searched the forum and the web and have not found an answer. I found some discussions of the issue on the web, but I was not able to figure out how to incorporate the suggestions into my page. I tried changing the scale from exactfit to showall, as recommended, but that created a problem with the appearance of the page. (The banner no longer fit properly into the header window.)

Please help. Thank you. ellen