html - Container div height won't increase size according to the content -

my container div height doesn't increase in size when content div grows. in code below, want div class name summary increase in size div house-address grows. appreciated.

html:

<div class="summary shorts">     <div class="house-address">         <h2>booboo</h2>         <p>hehe hehee hdhddgf jfhfjf lkjgkhgh kjgkjg itutiut mhvjhgjhfg nbcncnb nbcnbc</p>     </div>     <div class="house-price">         <h4>$17272</h4>         <p>guide price</p>     </div>     <br style="clear:both;" /> </div> 

css:

.summary.shorts {     display: block;     height: 64px; }  .house-address {     width: 400px;     float: left; }  .house-price {     width: 150px;     float: right; } 

get rid of height: 64px.

http://jsfiddle.net/czss5/

edit: suggested, min-height: 64px desired style.