firefox z-index bug, any workaround?

IE actually gets it right

[amznVibe]

I've got a positioned popup div that when it overlaps a thin area with overflow:hidden the border and content for the popup disappears over that hidden region!

IE shows the popup div properly, border overlaps the overflow:hidden area fine.

If I take away the overflow:hidden attribute from the underlying region, the border doesn't break and works properly

I've tinkered with z-index, pushing the popup up to 255 and the underlying content down to 1, but that doesn't help.

I can't seem to find this bug listed anywhere.
Any ideas on what you try as a workaround?

[SuzyUK]

amznVibe have you got a small code sample, I've tried recreating what you describe but can't,
things which may be important - source order, how much does it overlap, border widths - and also what version of FF? FF used to have a few problems with overflow but most of them are fixed.

What to try, .. these are from memory only
1. move the overlapping div a pixel or two up or down
2. change the source order if you can
3. remove the border to test if it still happens without it

all shots in the dark but you never know!

[Xapti]

Yes, some HTML and CSS code example would be nice.
You said the content and border disappear, but not lets say the background color?

Is the overflow:hidden object positioned? realize that an object must be positioned for z-index to work.

[edited by: Xapti at 5:51 am (utc) on July 23, 2007]

[amznVibe]

Well to be more precise:
You know the css rounded corners trick?
It requires overflow hidden to work.

But if you try to position a popup div absolutely that overlaps the edge of the rounded box, the popup will get bleed through from the underlying rounded box in Firefox (only). Both the popup's border and background are affected.

z-index tinkering doesn't help. Removing overflow hidden works but breaks the rounding.

This is definitely a firefox bug in both 1.5 & 2.0
Just was hoping for some kind of trick like IE's zoom:1 but I can't find one.

+----------------------+
¦......................¦
¦......rounded box.....¦
¦......................¦
¦......................¦
¦........+------+......¦
¦........¦......¦......¦
+--------¦popup.¦------¦
.........¦......¦
.........+------+ 

[Drag_Racer]

are you saying you get bleed-through in the popup when a background-color is defined?