title: Z-index not working for Embed Code
body: <p>While scrolling my web page a DIV which have a video is not going behind the top DIV.
  On my web page a top DIV,which have folloing css styling </p>
  
  <pre><code>#header{
  font-size:11px;
  height:25px;
  position:fixed;
  top:0;
  width:960px;
  z-index:1000;
  }
  </code></pre>
  
  <p>Now after clearing all floated element,I added a video on a wrapper DIV like same as this way..</p>
  
  <pre><code>&lt;div id="vedio"&gt;
  &lt;object&gt;video code&lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Applying CSS</p>
  
  <pre><code>#vedio{
  position:relative;
  text-align:center;
  z-index:0;
  }
  </code></pre>
  
  <p>After doing all stuff video is not going behind header in FireFox3.6,Google Chrome.Please Someone Help me out.
  Thank you</p>