p:menubar does not work when drop down overlaps p:schedule

The menuitems in p:menubar does not work (user cannot click the menuitems in the drop down) when drop down overlaps p:schedule as shown in the image in the below link.

http://img139.imageshack.us/img139/6365/primefacesoverlap.png

This happens when the attribute view of p:Schedule is either agendaWeek or agendaDay

May be a similar issue is discussed here but it is for layout. http://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=812

Playing with z-index does not work as the style attribute values override other CSS settings (as shown in the image in the link)

http://img412.imageshack.us/img412/8334/screenshot1bk.png

The p:schedule header has a value 4 for z-index mentioned as below in the style attribute, which may possibly cause the issue.

  Code:

<div style="position: relative; z-index: 4;" class="fc-agenda-head"><table style="width

Update: Also found one issue related to it. http://code.google.com/p/primefaces/issues/detail?id=806

[optimus.prime]

menubar has a zindex attribute, have you tried it?

Yes. I have tried assigning a much higher value for z-index (in this case the menubar layout has the assigned z-index value say 50). The child elements of menubar rightly have z-index as auto (I guess it is to inherit from parent).

But somehow from the menuitem that overlaps the p:schedule header part , it does not work.

Something that worked for me finally http://www.karthikeyanc.com/blog/index.php/2010/06/solution-to-primefaces-pschedule-overlapping-pmenubar-drop-down/