Jesper Rønn-Jensen wrote: > There are two things that cause me a problem so far: > The "tip" will add an extra element in the html, so for now I add an empty > "b" element with class="tip" at the end of each li-element. Now, this tip > must overlap the following list item, but strangely it gets behind. I tried > fiddling with setting z-index, but that did not help me. I'm blank on what > to do here. Thats problem number 1.
Jesper, The z-index won’t help you because the b (why b?) is /inside/ the li. So relative to other elements in the li it will be higher, but at the end of the day its container has the same z-index as the li following – so the following li takes precedence. You can give the lis higher z-indices in reverse order (so li#6 = z-index:1, li#5 = z-index:2, li#4 = z-index:3, etc…), but you give the impression you will be generating these automatically and this may be difficult (but not impossible). Only other solutions I can think of involve CSS3, javascript or extra markup… > Also, having not looked further into browser compatibility, there may also > be some problems with other browsers: IE6, Safari For what it’s worth, the Safari rendering is pretty much identical to FF’s. Regards, Barney ______________________________________________________________________ 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/
