Telerik menu Item issue in Chrome

Question

I am using Telerik Menu Item for navigation and my page displays an embedded PDF. The page works perfectly fine on IE but on Google Chrome, the menu just hides behind the pdf. I tried using z-index but it does not seem to help. Can someone please help me with this? Here is the code snippet:

           <object id="pdfobj" width="100%" height="100%" type="application/pdf" data="<%=url %>"> 
            <param name="movie" value="<%=url %>" /> 
            <param name="src" value="<%=url %>" />   
            <param name="quality" value="high" />
            <param name="view" value="FitH" />
           </object>
          </asp:Panel>                           
         </telerik:RadPane>