CSS Overflow issue with IE7 -

so in ie8 , above along other browsers such firefox have div grow when there data in div automatically this:

.example { min-height:1px; overflow:hidden; } 

but in ie7 content inside div not fill out. below example:

so thought fix ie7 issue this:

.example { min-height:1px; overflow:hidden; }  * html .example { height:1px; overflow:visible; } 

but in ie7 show 1 pixel height, still looks see in example above min-height in ie7. how can get, cross browsers, have content inside div auto fill out content inside div min-height in ie8 above?

min-height buggy in ie7. quick fix:

.example {     min-height: 1px;     height: auto !important;     height: 1px; } 

anyway, don't know why need min-height... problem overflow: hidden won't work in ie7 unless parent container has position: relative.