How to get the containing div to stretch vertically to accommodate a floating image

Question

Here's the basic problem:

alt text http://img241.imageshack.us/img241/3800/problemwithfloats.png

I want the div that holds the image to stretch vertically to accommodate it.

Answer 1

give the div (nice rime) overflow:hidden

Answer 2

Add the following CSS formatting to the container div:

overflow: auto;

Also, it seems that you need to specify a width for the container div if you want the solution to work correctly in Opera and IE for Windows.

See http://www.quirksmode.org/css/clearing.html for more information.

Steve