[jQuery] Two divs with show() effects overlapping eachother; IE6/7/opera problems

[jQuery] Two divs with show() effects overlapping eachother; IE6/7/opera problems


As seen here: http://www.imagedump.com/index.cgi?pick=get&tp=536827
I have two divs overlapping eachother using position:absolute;
Div 1 has z-index of 4, Div 2 of 5.
They overlap eachother and both have text in them which at some point
might show up using .show(200).
As can be seen in the screenshot, in picture 1 you see how it looks in
IE6/7/Opera, which obviously isn't good. Firefox shows it correct (as
seen in 3) after showing the yellow bar over the grey bar (seen in
image 2).
Is this a bug which can't be solved or can I somehow get around this?