Fit parent div to child img?

[Jay@TastefulTitles.com]

I have a div that contains an img and text. The img is floated left at 40% width. The height of the img and  the amount of text may vary. What I want to do is make sure the parent div is at least high enough to enclose the img. (It may be higher if the text is longer than the img, but that case works fine already.) I've tried various overflow settings, but none seem to accomplish this. Is there a way using css or straight js?

[dsonesuk]

Remove float? What happens? Are you using positioning anywhere?

[Jay@TastefulTitles.com]

Removing the float sends all the text below the img, which keeps the div from being too short, but is clearly not what I want.

No, there is no positioning in this div. Do you have something to suggest?

[dsonesuk]

If the parent adjusts to image and text height, then is a float issue applying overflow: hidden; to parent should fix the problem. The other option is to use display: inline-block; instead of float for image and text container.

[Jay@TastefulTitles.com]

Overflow:hidden seems to do the trick. I thought I had tried all the options, but I might have assumed incorrectly that hidden would hide part of the img.

Thanks a million!