高さがオブジェクトタグのクロムとFirefoxで異なる動作

Question

空のオブジェクトタグはChromeとFirefoxでは高さのCSSルールが異なると思われます。

簡単な例をここで見つけることができます： https://jsfiddle.net/bvar0zpb/

<style> 
    div { 
     border: 1px solid black; 
    } 
    object { 
     height: 80px; 
    } 
</style> 

<div> 
    <object> 
    </object> 
</div> 

オブジェクトタグのブロック要素を作るのを助けるように見えるが、これは他の行動を破ることができれば、私はわかりませんよ。

誰でもこの問題を解決する方法はありますか？

Answer 1

追加：それはまさに80px高だobject { display: block; }

div { 
 
    border: 1px solid green; 
 
} 
 

 
object { 
 
    height: 80px; 
 
    display: block; 
 
}

<div> 
 
    <object> 
 
    
 
    </object> 
 
</div>