On 7/3/07, Ingo Chao <[EMAIL PROTECTED]> wrote: > > li.submenu is relatively positioned, to perform the containing block for > the absolute positioning of ul.level2 > > right, but IE errorneously establishes a stacking context due to the > positioin:relative, even if there is no z-index applied. Thats wrong. > > Any following box that is positioned, like the left sidebar, will be > nearer to the viewer than li.submenu. No matter what z-index is applied > to its child, ul.level2, since this element cannot escape out of the > stacking context of its parent li. > > Thats why the z-index for this operation is better spend on the li.submenu > . > > Don't use z-indexes of 80 or 1000. If you need to align two elements in > the z-axis, then z-indexes of 1 and 2 should do. > > 2) IE6 does not support li:hover. It does support a:hover only. You do > not have any correction for that. Therefore, the drop down does not show > up in IE6. Search for "whatever:hover" behavior, or search for "Son of > Suckerfish". And read. > > > 3) IE6 and 7 have some different issues in not showing absolutely > positoned boxes. Your sidebar does not show up at all in IE6. There are > fixes for this problem > http://www.brunildo.org/test/IE_raf3.html > , but the best fix would be to not position this box absolutely, and to > choose a float layout instead. > > Ingo > > -- > http://www.satzansatz.de/css.html >
Ingo and Holly, thanks for the great help. I gave li.submenu a z-index of 2 and included the hover behavior (which I had forgotten to copy from the real site folder to the test site folder). I am now going to try floating the sidebar and will read about the positioning bugs for IE6 and IE7. Thanks for the help; I really appreciate it. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
