Kamil Kuza

Kamil,

> I tried assigning a higher z-index but that didn't appear to work. 

Each  LI creates a new stacking context, so its children cannot be stacked
above its following siblings unless the parent has a higher z-index.

To do that, you would need to ensure that each LI has a higher z-index is
higher than the LI that follows it. It's children will be stacked within the
stacking context of the parent, in theory making them stack above the other
LI elements. Something like this should work in Opera, Safari/Konq, Firefox,
iCab, and IE 7:

li { z-index: 100; }
li + li { z-index: 99; }
li + li + li { z-index: 98; }
li + li + li + li { z-index: 97; }
li + li + li + li + li { z-index: 96; }
li + li + li + li + li + li { z-index: 95; }

You will need to do as many as the most number of LI elements you have in a
single UL.

I have not tested this, and I am quite sure that at least one browser will
have a bug that makes it get this wrong, so try not to make the overlaps too
big, just in case.

> Also, there unrelated to the above problem.  But the /left: XXpx;/ css
> definition under the /ul.makeMenu li > ul / section doesn't work in IE6 in
> windows XP.  It works fine in Firefox though.

Works in Opera too :)
And the others.

IE 6 uses its own styles because it does not understand the selectors - see
the section in conditional comments for adjusting things in IE.


Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/