views:

212

answers:

2
A: 

Could it be the IE6 peek-a-boo bug?

Try including this script: Dean Edwards' IE8.js script. It fixes the peek-a-boo bug and several others, and makes IE6 (and IE7) behave much more like an up-to-date browser. Have a look at the list of things it fixes/implements.

You need to include ie7-squish.js to fix the IE6 bugs, by the way.

Blixt
+2  A: 

I've also found that when you have trouble with stuff flickering / peek-a-boo(ing) it is sometimes helpful to put a height:1%; on it. I often make a rule:

* html .ie6-fix
{
     height: 1%;
}

And then apply the class to anything that's giving me trouble in ie6. This will be ignored in browsers besides internet explorer anyways.

smack0007
yes. height: 1%; solves it. i noticed that sometimes, setting width/height to 1% may cause the element to really become smaller. sometimes it dont. when does it make elements smaller? when does it not?
iceangel89
http://www.positioniseverything.net/explorer/peekaboo.htmlCheck out that link. The bug occurs when you don't actually put a height on certain elements and instead the height is inferred. It's hard to say when the rule will actually affect the height and when it won't but you can always override the 1% rule with a more specific rule. As long as you give the element a height explicitly the same effect will be achieved.
smack0007