Trying To Contain Floats

HTML & CSS
1

I have a div called #promos that I have applied overflow: hidden to and it has three floating div’s contained inside it (#promo1, #promo2, #promo3). The problem is that the bottom portion of the #promos div seems to clip or cut off when viewing it in IE6.

Here is a snapshot of what is being clipped:
http://wwww.lakefrontestates.net/i/incorrect.jpg

And here is a link to the page in question:
http://wwww.lakefrontestates.net/index.030111.html

2
  • html #container {
    height:1%; /* “haslyout” for IE6 & contains floats */
    overflow:visible;
    }

http://www.visibilityinherit.com/code/contain-floats.php

3

Or maybe removing the fixed height value on #promos…

4

This was the fix. Thank you zbing!