Peekaboo-Bug simple Workaround

It is a funny situation when you have customers that see an app that you made for them differently than you see it. Usually I use Multiple IEs to make sure my layout gets displayed as intended also in the MS browsers. To my surprise Multiple IEs did not display the ‘peekaboo bug’ in its IE6 emulation.

‘Peekaboo’ in short: When using floats IE6 hides text when the page is loaded. You can only see it when you mark it with you mouse or resize the window in the correct way…

You can find lots of good much more detailed explanations:

Best workaround I found:

Add a line-height like this style=”line-height: 1em;” to the enclosing <div/> containing the problem.