title: Div overlay on an object in IE
body: <p>Here is my code and all I want is to overlay the div over an object in IE10. It works fine in Chrome but not in IE10. Right now if you test this in IE10 - the div goes in the background.</p>
  
  <p>What is the trick?</p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
          &lt;head&gt;
              &lt;title&gt;Testing OBJECTS..&lt;/title&gt;
              &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;      
          &lt;/head&gt;
          &lt;body&gt;
  
              &lt;div id="something"&gt;
  
                  &lt;!-- IE Object --&gt;
                  &lt;div style="z-index:0; position:absolute; background: #000"&gt;
                      &lt;object width="800" height="480" classid="CLSID:7FD49E23-C8D7-4C4F-93A1-F7EACFA1EC53" className="" innerHTML="&amp;#10;&amp;#10;"&gt;
                          &lt;PARAM NAME="_cx" VALUE="21167"&gt;
                          &lt;PARAM NAME="_cy" VALUE="12700"&gt;
                      &lt;/object&gt;
  
                  &lt;/div&gt;
  
                  &lt;!-- Annotations needs to move on top for IE --&gt;
                  &lt;div id="something-2" style="z-index:1; position:relative; background-color:#ddd;width:200px;height:200px;display:block;"&gt;
                      This div needs to be on the top
                  &lt;/div&gt;
  
                  &lt;div class="someotherclass" style="display: none;"&gt;
                      Something here..
                  &lt;/div&gt;
  
                  &lt;div id="something-3"&gt;&lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>