This example is taken directly from Eric Meyer's book. This paragraph does not establish a containing block for any of its descendant elements that are absolutely positioned. Therefor, the absolutely positioned boldface element it contains will be positioned with respect to the initial containing block.

Thanks to 'position: relative', this paragraph establishes a containing block for any of it's descendant elements that are absolutely positioned. Since there is such an elemnt -- that is to say, a boldfaced element that is absolutely positioned, placed with respect to it's containing block (the paragraph), it will appear within the element box generated by the paragraph.

Notes

• It doesn't work in IE6
• Make sure you look at the source...