If a block element is nested inside another block element that has a left or right border and padding-bottom specified, the second and subsequent occurances of such a set will result in the inner block's text creeping outside of the outer block on the side that the border is applied. The more times the set is repeated, the farther the text will creep.
Apply the Holly Hack, or add a bottom border to the outer nested DIVs.
This IE 5.5/6/Windows bug occurs when a block element is nested inside another, and the outer element has both a left (or right) border and bottom padding applied. Example CSS:
border-left: 1px solid black;
When this 'trigger' case is repeated, any subsequent instances of the case will exhibit the bug. The bug pushes text inside the inner element away from the border at a distance equal to twice the width of the border. This can result, in sequential cases, in exponential creep in subsequent cases - not good!
By applying either the Holly Hack, or a bottom border to the outer DIV, you can work around this bug.
This issue was originally reported by Holly Bergevin and Big John Gallant on positioniseverything.net.
Text ID: MAGIK_CREEPING_TEXT
To add a comment, please Log in.