HTML sobre um Flash( swf )

algo que pode ser útil a alguem é como conseguir colocar um código HTML em cima de um Flash( swf ) na página, digamos que queira usar um div layer que fique sobre esse Flash( swf ) em questão, caso tente diretamente irá observar que não funciona...

mas existe uma forma de conseguir isso, observe o código abaixo:

 <div style="position:relative; font-size:30px; z-index:5;">LAYER 5</div>

 <div style="position:relative; font-size:30px; z-index:2">LAYER 2 before flash</div>
 <div style="position:absolute; top:0; left:0; font-size:120px; z-index:2;">
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="150" id="recursion_tree_branch" align="middle">
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="wmode" value="opaque" />

   <param name="movie" value="seuFlash.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#e7e7e7" />
   <embed src="seuFlash.swf" mce_src="seuFlash.swf" wmode="opaque" quality="high" bgcolor="#e7e7e7" width="200" height="150" name="yourmovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  </object>
 </div>

 <div style="position:relative; font-size:30px; z-index:4">LAYER 4</div>
 <div style="position:relative; font-size:30px; z-index:2">LAYER 2 after flash</div>
 <div style="font-size:30px; z-index:1">LAYER 1</div>

fonte: [link]