html - 内部にimgがある場合、Divには高さがありません

Question

他の要素を囲む div[div1] があります。要素の中には、絶対的な位置にある画像があります。Div1 と要素にはフロートが残っており、高さが表示されていません。メインの全体的な div1 に高さがあり、フッターなどの他の要素をその下に浮かせることができるようにする方法はありますか?

HTML

<div class="div1">
  <div> <img src="image1.jpg" /> </div>
  <div> <img src="image2.jpg" /> </div>
  <div> <img src="image3.jpg" /> </div>
</div>

CSS

.div1{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div img{
   width:100%;
   height:auto;
   position:absolute;
   display:block;
   float:left;
   }