HTML text over Flash banner is skewed

programming flash
1

Hey all-

I have a pretty typical Website scenario: HTML navigation bar with drop down menus over a Flash banner. I just noticed that the text in the dropdown menus is “cut” and shifted left a pixel or two at the point where the Flash banner intersects underneath it. (Attaching a picture for clarity – look at the first dropdown option in each menu.)

I use Flash CS3’s built in detection kit to embed the banner and I’ve never noticed the issue before so I can’t tell if it’s new or it’s been there all along. It only appears to affect Firefox (build 3.6).

Here’s my embed code:


<script language="JavaScript" type="text/javascript">
          <!--
          if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
            alert("This page requires AC_RunActiveContent.js.");
          } else {
            var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
            if(hasRightVersion) {  // if we've detected an acceptable version
              // embed the flash movie
              AC_FL_RunContent(
                'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0',
                'width', '930',
                'height', '255',
                'src', 'images/home/cloudiq_storage_release_banner03a',
                'quality', 'high',
                'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
                'align', 'middle',
                'play', 'true',
                'loop', 'true',
                'scale', 'showall',
                'wmode', 'transparent',
                'devicefont', 'false',
                'id', 'images/home/cloudiq_storage_release_banner03a',
                'bgcolor', '#ffffff',
                'name', 'images/home/cloudiq_storage_release_banner03a',
                'menu', 'true',
                'allowScriptAccess','sameDomain',
                'allowFullScreen','false',
                'movie', 'images/home/cloudiq_storage_release_banner03a',
                'salign', ''
                ); //end AC code
            } else {  // flash is too old or we can't detect the plugin
              var alternateContent = '<a href="/products"><img src="/images/home/cloudiq_storage_release_banner03b.jpg" alt="Introducing Appistry CloudIQ Storage" /></a>';
              document.write(alternateContent);  // insert non-flash content
            }
          }
          // -->
          </script>
          <noscript>
              <a href="/products"><img src="/images/home/awards_banner02.jpg" /></a>
          </noscript>

Anyone ever seen this?

Thanks in advance!