Dinh wrote: > http://www.wvbresearch.com/ > > In IE7, some div get overlapped as if they belonged to different > layers.
Change height-value on your .clear class, or delete the 'height' altogether. .clear { clear: both; padding-bottom: 1px; margin-bottom: -1px; height: 1% /*<-- this will work. Was height: 0 which "kills" IE7*/; } - Good browsers honor height-value, and let content overflow and honor the space taken up by the overflow. - IE6 (and older) expands the entire element since it doesn't honor any height-value. - IE7 honors height-value, and let content overflow visibly but does _not_ honor the space taken up by the overflow. Result: overlapping. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/