Jennifer Gardner wrote in reply to Georg Sorten > Thank you so much!! Other than a slight positioning problem it seems to all > be working now.
> Is > there a specific place (or book) that will explain how you knew what to > do? I did it and it worked but I don't know why it worked or more > importantly how I would know when it would solve a problem in the > future. > > Thank you all for taking the time to test the menu for me. This group is > amazing!! > Jennifer > > P.S. Sorry Georg I forgot to reply to all the first time. Hi Jennifer I don't have IE6 or even understand how it handles z-index since it has problems also when a container doesn't have layout [1]. The simple answer in why Georg's solution works is that how z-indexing can work. The are several solutions which work in good browsers but this is the only solution that works for IE. In IE, if two sibling rp containers have ap children, no matter what z-index is given to the ap elements, the layering of each ap element relative to each other stays the same since they belong to different rp parents. In IE a z-index of 1 plus should instead be given to at least the first rp element. See example 6F in this test page [2]. To get a better idea in z-indexing see this page in the wiki [3]. The specs [4] are very clear, part of which I have quoted below. "An element that establishes a local stacking context generates a box that has two stack levels: one for the stacking context it creates (always '0') and one for the stacking context to which it belongs (given by the 'z-index' property)." The part where it say "stacking context to which it belongs" is referring to the rp #header-inner element belonging the the root stacking context <html>. And when Georg gave the rp #header-inner element a z-index:1 he created a new local staking content for it's descendantnts or the part that says in the specs "stacking context it creates." Now with z-index:1 the #header-inner element is now layered higher than any other element on the page outside of it since no other of these elements have a z-index. 1. <http://www.brunildo.org/test/ap_contbox1.html> 2. <http://css-class.com/test/z-index.htm> 3. <http://css-discuss.incutio.com/?page=OverlappingAndZIndex> 4. <http://www.w3.org/TR/REC-CSS2/visuren.html#q30> I hope this helps. Kind Regards, Alan <http://css-class.com/> ______________________________________________________________________ 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/
