Eystein Alnaes wrote:
> ...
>
> http://edb.episerverhotell.net/en/Bransjer/Handel-og-Industri/Minibanktjenester/
>
> The dropdown under the "Bransjer" tab is unclickable on the part that should
> be hovering over the div class="secton article". ...
In all IE, any element that has position:relative and haslayout=true
forms a stacking context. This is not correct, it would need to have a
z-index to act as a stacking context.
Assume you have two stacking contexts.
B follows A.
B is higher in the stack, nearest to the user.
A
B
No matter what z-index you choose for it, a child Ax will never leave
its stacking context A.
A - A1, A2, A3 ....
B
No child of A will ever be higher in the stack than B.
Back to your case, #header erroneously forms such a stacking context,
because of {position:relative; width: 920px /*haslayout=true*/}
And there is a regular stacking context following:
#main {position:relative; z-index: 1}
#header
#main
No matter what z-index you choose for it, a child of #header will never
leave its stacking context #header.
#header #menu
#main
The #menu inside of #header will be painted over by #main. And even if
#main is transparent, the drop down #menu will loose mouse focus and
collapse.
Basically I'm saying that you'll have to apply z-index: 2 to #header, to
have the entire #header higher in the stack, nearer to the user, than
#main.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
