CSS: Padding wrong with video embeds

Question

i have an issue with the theme i am developing for my blog (example), where below a video, there is a "extra" space/padding to its border

basically, i have a

<div class="media"> ... embeded stuff ... </div>

.media { border: 5px solid #CCC }

something like that

Answer 1

Set line-height to 0 for the .media rule because the whitespace takes up space ( white :p ) ..

.media { border: 5px solid #CCC;line-height:0; }

Answer 2

just add this to your css:

object{
  vertical-align:bottom;
}

(or, alternatively, set line-hight to 0 for your .media)