Msg#: 4605734 posted 4:44 pm on Aug 29, 2013 (gmt 0)
I assume the [ * ] icon is a background applied to .settings? Why not just place that as an image inside the outer <li> which is presently empty? Alternately, place some other content in that parent element and allow it to overlay.
Msg#: 4605734 posted 8:47 pm on Aug 31, 2013 (gmt 0)
You can't place a child element underneath the background of a positioned parent if the parent has a z-index other than auto (IE8+). If you give the positioned parent a z-index of auto (z-index:auto) then you will be able to place the child under the parents background by using z-index:-1 on the positioned child (ie7and under get this wrong though and won't obey).
Once you apply an actual number to the z-index of the parent (positive or negative) then it becomes "atomic" and the child can never escape and is always confined to be in front of the parents background.