Jquery ui and internet explorer PDF Viewer issue

I am displaying a jquery dialog on page load. On my loading page I also happen to have a pdf embedded like so :

 <object width="100%" height="90%">
    <embed src="../../Content/PDF/StockReport.pdf#zoom=80" width="100%" height="100%">
 </object>

However in intern开发者_运维知识库et explorer 9 the pdf viewer sits above my dialogue and modal. I am trying to get z-index to fix this but its not working. Does anyone know how to fix this ?

Have you tried to use Google's PDF viewer, as suggested in this post?

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fyourhost.com%2FContent%2FPDF%2FStockReport.pdf%23zoom%3D80&embedded=true" 
  style="width:100%; height:90%;" frameborder="0">
</iframe>