HTML Content Over Flash, Disabling Click Recognition in Flash Movie

programming web dev
1

So I have this picture frame I’m surrounding the flash file with that’s built with css/html. It overlays pngs using absolute positioning to place them around the object.

So this works and the movie is recognizing the hover states of the embedded movie but you can’t actually click on anything. It recognizes right clicks as well.

Any clue on how to get this to work? I tried making that object a higher z-index than the png in question but still a no go.


<div class="frame_scrapbook">
        <object width="400" height="300">
          <param name="allowfullscreen" value="true" />
          <param name="allowscriptaccess" value="always" />
          <param name="wmode" value="transparent" />
          <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5344314&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />
          <embed src="http://vimeo.com/moogaloop.swf?clip_id=5344314&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300">
            
          </embed>
        </object>
        <div class="upper_left"></div>
      	<div class="upper_right"></div>
      	<div class="lower_left"></div>
      	<div class="lower_right"></div>
        </div>