title: Space after html5's video tag
body: <p>I have a html5's video tag, it seems that there is a <code>5px space</code> between video and its container div element.</p>
  
  <p>If I put <code>font-size: 0</code> in the container element (<code>#video-container</code>), the space disappears.</p>
  
  <p>I know this is a problem of <code>display: inline-block</code>, but I have no elements with that.</p>
  
  <p>Also, trying the solutions of opening tags next the previous closing, didn't delete the space.</p>
  
  <p><a href="http://jsfiddle.net/g9t71mg6/" rel="noreferrer">http://jsfiddle.net/g9t71mg6/</a></p>
  
  <pre><code>html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  
  #wrapper {
    width: 100%;
    height: 100%;
  }
  
  #video-container {
    overflow: hidden;
    width: 100%;
    background: #2c5894;
  }
  
  #video-container video {
    width: 100%;
  }
  
  #turnera-container {
    float: right;
    width: 250px;
    vertical-align: top;
    height: 100%;
  }
  
  .turno-wrapper {
    height: 25%;
    display: table;
    width: 100%;
  }
  
  .turno-wrapper {
    background: #727867;
  }
  
  .turno {
    border: dashed 1px #FFFFFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  
  .turno .numero {
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
  }
  
  .turno .box {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
  }
  
  #contenido-principal {
    overflow: hidden;
    height: 100%;
    /*margin-right: 250px;*/
  }
  
  #footer {
    background-color: #dc001e;
    height: 100%;
    width: auto;
    border: dashed 1px #FFFFFF;
  }
  
  #rss-container {
    height: 240px;
    font-size: 12px;
  }
  
  .turno-asignado-historia0 {
    background: #00bc24;
  }
  
  .turno-asignado-historia0 .numero {
    font-size: 65px;
  }
  
  .turno-asignado-historia0 .box {
    font-size: 40px;
  }
  
  .turno-asignado-historia1 {
    background: #739461;
  }
  
  .turno-asignado-historia2 {
    background: #546947;
  }
  
  .turno-asignado-historia3 {
    background: #34422e;
  }
  
  &lt;div id="wrapper"&gt;
          &lt;div id="turnera-container"&gt;
              &lt;div class="turno-wrapper turno-asignado-historia0"&gt;
                  &lt;div class="turno"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="turno-wrapper turno-asignado-historia1"&gt;
                  &lt;div class="turno"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="turno-wrapper turno-asignado-historia2"&gt;
                  &lt;div class="turno"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="turno-wrapper turno-asignado-historia3"&gt;
                  &lt;div class="turno"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="contenido-principal"&gt;
              &lt;div id="video-container"&gt;
                  &lt;video autoplay loop="loop"&gt;
                    &lt;source src="http://awakenvideo.org/video/UFOs/NVofu001.mp4" type="video/mp4"&gt;
                  &lt;/video&gt;
              &lt;/div&gt;
              &lt;div id="footer"&gt;
                  &lt;div id="rss-container"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>