title: <video> tag adding 3px of whitespace to the right
body: <p>I have several videos on my website and wish them to be displayed at a certain size. All is working fine, except that for some bizarre reason 3px is added to the left of each video tag.</p>
  
  <p>I've tested the following with <code>margin-right</code> set to 0 and there is still 3px of white-space visible, even though Firebug doesn't register it.</p>
  
  <p>How can I fix this issue? Thanks.</p>
  
  <p>Here is the HTML I am using -</p>
  
  <pre><code>&lt;video class="video-preview" controls=""&gt;
      &lt;source type="video/mp4" src="http://localhost/wp-content/uploads/2014/05/Everyone-Bat-Out-of-Hell.mp4"&gt;&lt;/source&gt;
      Sorry, your browser is old and doesn't support the HTML5 'video' tag. Sucks to be you...
  &lt;/video&gt;
  </code></pre>
  
  <p>And here is the the CSS -</p>
  
  <pre><code>video{
      background-color: #FFFFFF;
      cursor: pointer;
      vertical-align: middle;
  }
  #gallery .video-preview{
      height: 118px;
      margin-right: 20px;
      margin-bottom: 20px;
      width: 210px;
  }
  </code></pre>