Sub-menu is hidden behind PDF type object ( issue in Internet explorer)

Question

I have a object type tag in the page, which is used to show a pdf file. Everything is working fine, but in Internet Explorer my sub-menu is getting hidden behind the object tag.

var objectTag = $('<object></object>')
.attr({ data: sourceURL + '#nameddest=self&page=1&view=FitV'
 || '', type: mimeType || '' })
.css({ width: '100%', height: '100%', zindex:'1' });

Please find red highlighted area.

I have tried many things. Please don't suggest z-index thing.

Answer 1

I'm afraid there isn't any pure answer to your question, but you can always add <br><br><br> before the PDF so that the PDF goes further down and doesn't touch the sub-menu.