IEやボックスモデルに関しては、今まで見たことのないものに気づきました。
幅800px、高さ500pxのフォームタグがあります。このフォーム領域にh2タグを配置すると、IEは、ボックスが割り当てた高さよりも高いことを報告します(h2タグに指定した高さとマージン/パディングによる)。
Firefoxおよび他のすべてのブラウザでは、高さは変わりません。何が得られますか?
form #post{
height:500px;
width:800x;
}
h2{
font-size:20px
}
<form id="post">
<h2>The Header</h2>
<div>1</div>
<div>2</div>
</form>