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/

Reply via email to