title: How to center video tag in a div tag?
body: <p>I cannot seem to position this video tag with the usual "margin: 0px auto 0px auto;"
  Help lads! Thanks for looking into this! </p>
  
  <pre><code>#wrapper #trailer {
      position: absolute;
      z-index: 3;
      margin-top: 55px;
      width: 987px;
      height: 620px;
      background-color: #000;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto;
      border: 1px solid #009;
  }
  #wrapper #trailer #close {
      position: absolute;
      z-index: 2;
      top: 20px;
      right: 231px;
      cursor: pointer;
  }
  #wrapper #trailer video {
          margin-top: 0px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto;
      border: 1px solid #009;
  }
  </code></pre>
  
  <p>and html and explaining my scenario as requested : </p>
  
  <pre><code>&lt;div id="trailer"&gt;
  &lt;img id="close" src="images/close.png" alt="close" /&gt;
  &lt;div id="video"&gt;
  &lt;video controls  autoplay="autoplay" poster="video/trailer.jpg" width="600"      onclick="if(/Android/.test(navigator.userAgent))this.play();"&gt;
  &lt;source src="video/trailer.mp4" type="video/mp4" /&gt;
  &lt;source src="video/trailer.webm" type="video/webm" /&gt;
  &lt;source src="video/trailer.ogv" type="video/ogg" /&gt;
  &lt;embed src="video/flashfox.swf" width="600" height="480"  flashVars="autoplay=true&amp;amp;controls=true&amp;amp;loop=true&amp;amp;src=trailer.mp4" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" /&gt;
  &lt;/video&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>