colorboxで表示したiframeで下に余白が出来るのを修正する

環境

特になし

したいこと

colorbox で YouTube iframe をモーダルとして表示させたら、なぜかモーダル内の iframe の下に 6px の余白が出来てしまったので、これを修正したい。

解決策

モーダルとかのサイズ指定の問題かと思ったら、どうやら iframe の表示位置の問題だったみたいですね。以下で治りました。……結構時間取られた。

iframe {
    vertical-align:bottom;
}

これだけ。……これだけ……。