Forum Moderators: not2easy
I have usually used position: relative; to get rid of the bug, but it appears there's a much better solution. It seems that if the container that holds the float* is given an assigned 'line-height' (any assigned line-height) the bug vanishes. Cool. Testing shows that 'line-height: 1.2em;' generally works well, but in the case of child elements with differing font sizes, it may be necessary to also give them their own line-heights to avoid problems in IE.
* What float? Well, the peekaboo bug is related to floating elements. If you are somewhat unfamiliar with what exactly the bug is, try googling for "peekaboo bug".
Cheers DrDoc!
I always sorted it with explicit widths, but not always the best solution so this tip duly noted, thanks
Suzy
