IDシアターのあるdivの高さは、画像のサイズによって変化しませんが、画像からフロートを削除すると、シアターのサイズが変化します。なぜそうなのですか？divの右側に残っている画像の高さと同じ高さを取得するにはどうすればよいですか？
<div id="theatre">
<img src="http://www.wallmay.net/thumbnails/detail/20120927/abstract%20paintings%20outer%20space%20futuristic%20planets%20hope%20digital%20art%20science%20fiction%20space%20art%20blue%20li_www.wallmay.net_34.jpg"/>
</div>
#theatre{
width:100%;
margin:auto;
position:relative;
border-top:4px solid #fff;
border-bottom:5px solid #fff;
}
#theatre img{
height:400px;
float:right;
}