Hi,
Yes it is modified, because the div itself (not the blocking overlay) comes over the ul/li elements when calling blockUI on it. And yep I tried to change the baseZ option. I set it to 1, 0... And I set my ul/li zindex to 100000000 with no effect. Here is some sample code, so that is easier to understand : [code] <div id="content"> <div id="tabsList"> <ul id="homeTabs"> <li id="tab_publications">Publications</li> <li id="tab_favorites">Favorites</li> <li id="tab_tasks">Tasks</li> <li id="tab_planning">Planning</li> <li id="tab_etc">Etc</li> </ul> <div class="clear"> </div> </div> <div id="tabContent"></div> </div> [/code] [code] $('#homeTabs li').click(function() { var oThis = $(this); var sTab = oThis.attr('id').split('_')[1]; SScreenWorkspace.showTab(sTab); }); And in showTab I do (among other stuff that is not generating the bug) : $('#tabContent').block(); [/code] If I let this line, the bug appears. If I comment out this line, the bug disappears. [code] #homeTabs { padding: 0; margin: 0; margin-bottom: -1px; list-style: none; overflow: hidden; z-index: 10; } #homeTabs li { float: left; display: block; padding: 3px 16px; margin: 2px; margin-bottom: 0; border: 1px solid gray; -border-bottom: 0; cursor: pointer; background: #DDDDDD; z-index: 10; } #tabContent { clear: both; height: 200px; border: 1px solid gray; background: #FFFFFF; padding: 10px; z-index: 0; } [/code] Thank you for your help ! malsup wrote: > > >> The issue is that, when calling blockUI on that DIV, it makes the div go >> above the UL/LI elements. I tried to change the zindex values everywhere, >> with no effect. I do not understand why the DIV is modified by blockUI ? > > The div is not modified, it's the blocking overlay that has a higher > zIndex. Did you try adjusting the baseZ option? > > Mike > > -- View this message in context: http://www.nabble.com/BlockUI-overlapping-issue-with-element-negative-margin-tp24110660s27240p24113135.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.