Jan 08 2008
IE7 Peekaboo bug, disappearing text
Sometimes when using IE6/IE7 a text will disappear, it will seem to be there but you won’t see it unless you highlite it. It’s called Peekaboo bug, some report it was corrected in IE7 but it doesn’t seem so to me.
How to solve the Peekaboo bug?
A solution is to add position:relative; to the containing div. It solved this issue for me. If you have any other solution feel free to post it!
Other resources: http://www.brownbatterystudios.com/s.. http://www.zeldman.com/2006/…
Default
Small Fonts
Big Fonts
April 17th, 2008 at 7:47 am
Hi, thank you very much for this solution. This bug was stalking me
April 17th, 2008 at 9:36 am
You’re welcome! C ome bac soon for more CSS tips and tricks!
June 18th, 2008 at 1:09 am
Thank you! =)
June 18th, 2008 at 11:30 am
You’re welcome!
August 20th, 2008 at 6:01 pm
Thank you thank you thank you. I’ve been plauged by this bug for a days now and your tip worked!
August 22nd, 2008 at 7:52 pm
ah, you’re a freakin life saver!!!! i had been banging my head against a wall on this issue. simple and easy solution -thank you very much.
February 13th, 2009 at 12:48 pm
[...] of the Internet Explorer 6 peekaboo bug. One of the guys over at Stack Overflow pointed me to a blog post on small-software-utilities.com where they listed finding a similar bug in Internet Explorer 7. Interestingly, their fix [...]
August 20th, 2009 at 12:40 pm
thanks man,
you’re the greatest!
you saved my head from crashing into the wall
I hate Internet Explorer – its developers are the worst, and got a lot to learn from mozilla developers
have a great day my friend,
T
March 3rd, 2010 at 6:32 pm
you can give a minimum width
min-width:1px;
it will trigger the “hasLayout” propery and show the text.