title: Embed wmv hides dropdown/floating objects in Chrome
body: <p>I've tried many tricks found on the web including:</p>
  
  <ul>
  <li>wmode transparent </li>
  <li>z-index</li>
  <li>WindowlessVideo</li>
  </ul>
  
  <p>But none of them seem to work on Chrome. Works fine on IE and FF.</p>
  
  <p>This version of code is XHTML compliant:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;wmv embed test&lt;/title&gt;
  &lt;style type="text/css"&gt;
  #floatingbar { background: thistle; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid blue; }
  #floatingbar2 { background: white; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid orange; top: 140px; }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="floatingbar"&gt;&lt;/div&gt;
  
  &lt;object type="application/x-mplayer2" style="width:260px; height:200px;" data="http://nov-exl.com/test/FactFinders.wmv"&gt;
  &lt;param name="movie" value="http://nov-exl.com/test/FactFinders.wmv" /&gt;
  &lt;/object&gt;
  
  &lt;div id="floatingbar2"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>