IE 7 css pop up bug

I have a simple roll-over pop-up text on image page where one of the
pop-ups doesn't appear in IE 7. All the rest appear and all appear in
Firefox, Opera and Safari (all on Windows). The page and CSS pass the
W3C validator. I know of one fix (documented on the page) involving a
blank 1x1 pixel GIF, but is there something else that can fix it without
requiring an image file upload? I've tried fixes used in IE 6 like
direction:ltr but either they don't work or I'm doing them wrong.

Test page:

http://www.cs.northwestern.edu/~ries...popup-bug.html

Chris Riesbeck <Chris.Riesbeck (AT) gmail (DOT) com> wrote in news:61jkk3F1vcvg4U1
@mid.individual.net:

I have a simple roll-over pop-up text on image page where one of the
pop-ups doesn't appear in IE 7. All the rest appear and all appear in
Firefox, Opera and Safari (all on Windows). The page and CSS pass the
W3C validator. I know of one fix (documented on the page) involving a
blank 1x1 pixel GIF, but is there something else that can fix it without
requiring an image file upload? I've tried fixes used in IE 6 like
direction:ltr but either they don't work or I'm doing them wrong.

Test page:

http://www.cs.northwestern.edu/~ries...popup-bug.html

Try to add height:0;overflow:visible; to the .popup li rule.

--
BootNic Thursday February 14, 2008 8:31 PM
Inform all the troops that communications have completely broken
down.
*Ashleigh Brilliant*

BootNic wrote:

Chris Riesbeck <Chris.Riesbeck (AT) gmail (DOT) com> wrote in news:61jkk3F1vcvg4U1
@mid.individual.net:

I have a simple roll-over pop-up text on image page where one of the
pop-ups doesn't appear in IE 7. All the rest appear and all appear in
Firefox, Opera and Safari (all on Windows). The page and CSS pass the
W3C validator. I know of one fix (documented on the page) involving a
blank 1x1 pixel GIF, but is there something else that can fix it without
requiring an image file upload? I've tried fixes used in IE 6 like
direction:ltr but either they don't work or I'm doing them wrong.

Test page:

http://www.cs.northwestern.edu/~ries...popup-bug.html

Try to add height:0;overflow:visible; to the .popup li rule.

Great. In fact, just height:0 seemed to do the trick. Is there any
discussion of this bug somewhere?

Thanks a million.

On Fri, 15 Feb 2008 20:13:08 +0100, Chris Riesbeck
<Chris.Riesbeck (AT) gmail (DOT) com> wrote:

BootNic wrote:
Chris Riesbeck <Chris.Riesbeck (AT) gmail (DOT) com> wrote in news:61jkk3F1vcvg4U1
@mid.individual.net:

I have a simple roll-over pop-up text on image page where one of the
pop-ups doesn't appear in IE 7. All the rest appear and all appear in
Firefox, Opera and Safari (all on Windows). The page and CSS pass the
W3C validator. I know of one fix (documented on the page) involving a
blank 1x1 pixel GIF, but is there something else that can fix it
without requiring an image file upload? I've tried fixes used in IE 6
like direction:ltr but either they don't work or I'm doing them wrong.

Test page:

http://www.cs.northwestern.edu/~ries...popup-bug.html
Try to add height:0;overflow:visible; to the .popup li rule.


Great. In fact, just height:0 seemed to do the trick. Is there any
discussion of this bug somewhere?

Thanks a million.

Triggered by hasLayout perhaps?
http://www.satzansatz.de/cssd/onhavinglayout.html


--
Rik Wasmus

Rik Wasmus wrote:

On Fri, 15 Feb 2008 20:13:08 +0100, Chris Riesbeck
Chris.Riesbeck (AT) gmail (DOT) com> wrote:

BootNic wrote:
Chris Riesbeck <Chris.Riesbeck (AT) gmail (DOT) com> wrote in news:61jkk3F1vcvg4U1
@mid.individual.net:

I have a simple roll-over pop-up text on image page where one of the
pop-ups doesn't appear in IE 7. All the rest appear and all appear
in Firefox, Opera and Safari (all on Windows). The page and CSS pass
the W3C validator. I know of one fix (documented on the page)
involving a blank 1x1 pixel GIF, but is there something else that
can fix it without requiring an image file upload? I've tried fixes
used in IE 6 like direction:ltr but either they don't work or I'm
doing them wrong.

Test page:

http://www.cs.northwestern.edu/~ries...popup-bug.html
Try to add height:0;overflow:visible; to the .popup li rule.


Great. In fact, just height:0 seemed to do the trick. Is there any
discussion of this bug somewhere?

Thanks a million.

Triggered by hasLayout perhaps?
http://www.satzansatz.de/cssd/onhavinglayout.html

Perhaps. I had tried the Holly Hack before without success. But indeed
using height:1% instead of height:0 on .popup li seems to work, so
perhaps I did it wrong.

Thanks to all. (Now if only I could figure out why the other popups
worked without the height:0 ...)