The website has a report viewer that works fine in all browsers except Safari. The problem is that the resulting pdf report has the highest z-index and marches right up to the very top. Therefore, opening the menu renders the dropdown menu items underneath
the report. It should be the other way around. I have tried maybe a dozen things to fix the issue:
report viewer: Set z-index to 0 and -1
report viewer: set background color to white and transparent
report viewer: set opacity to .99
etc.
Here is the report viewer
<div id="div2" class="Banner" style="min-height: 250px">
<asp:Label ID="lblStatus" runat="server" CssClass="text" ForeColor="red" Text="" />
<div id="divReportFrame" runat="server" visible="false" style="overflow:auto;& ...
Go to the complete details ...