The book indicates (p. 188) that applying "a fixed width to the containing element" should solve the peek-a-boo problem in IE6. If I am doing a fixed-width website, where the "body" is center text aligned (separately for IE6), and then a "page" div with a fixed width (in my case 970px) and left text-aligned (the latter to compensate for the IE centering fix), where all content is then contained within the "page" div, does that qualify as a fixed width container for any and all floated and then cleared elements?

In other words, by having a fixed width at a container at a very high level, does that create hasLayout for all lower levels in a way that fixes this (and perhaps other) bugs?

Thanks.

Hi Jack,

The fixed width needs to be applied to the containing element, in the example this is the element with id of 'container'.

IE's hasLayout property does not cascade, so common fixes like zoom: 1; need to be applied directly to the element you want to affect.