Float Creates Overlapping Divs

Question

I have two divs (one inside of the other) and am running into a bit of a problem when I float the one inside to \"left\". The problem is that the outer div doesn\'t expand its

Answer 1

If you don't want to add additional markup to your html or add a width to your outer div, you can use:

#div1 {
    overflow:hidden;   /* clears float for most browsers */
    zoom:1;            /* clears float for IE6           */
    }