Nested absolute div within a relative div

Hiding behind the next layer

[BlobFisk]

Hi All,

Slight problem I've encountered that I'm tearing my head out with.

I have a realtively positioned layer which contains an absolutely positioned popup menu layer. The problem I am seeing (in IE only) is that the popup layer is being obscured behind the next relative layer.

<relative layer 1> 
 <absolute popup layer>...</absolute popup layer> 
</relative layer 1> 
<relative layer 2> 
... 
</relative layer 2> 

So, absolute popup layer is being obscured behind relative layer 2 when it is being triggered!

I only see this in IE - Opera and Mozilla all behave themselves perfectly. I've tried adding z-index and all the usual tricks!

All help appreciated!

[SuzyUK]

Blobfisk

I know you said you tried z-index.. but you need to apply a higher z-index to the first relative layer than the second relative layer.

The absolute layer doesn't come into it.. it's taking its position fom the the first relative layer.

Suzy

[BlobFisk]

Superb - that fixed it.

Cheers Suzy!