when i am implementing PDFs bol object in my webpage using simple html object, it is displaying well in both chrome and Explorer( IE 11). The main problem is the sub menu's of main navigation(sub menu) is going behind of PDFs viewer in Explorer (IE) . And one more thing all the position attributes and z-index values are fine . This is a problem with object . please show me solution. I am not able to create fiddle for this. for more details see my below code and run in your Internet Explorer browser and hover the "step 2" navigation menu.
<!DOCTYPE html><html><head><style>
body{margin:0 auto;width:500px;}
header{height:60px;background:#ccc;}
ul#mainnav{list-style:none;display:block;}
ul#mainnav li{float:left;width:80px;}
ul#mainnav li#step2 ul#submenu{display:none;list-style:none;margin-margin-}
ul#mainnav li#step2:hover ul#submenu{display:block;}
ul#mainnav li#step2 ul#submenu li{float:none;height:30px;border-bottom:1px solid #fff;background:#000;color:#fff;display:block;}</style></head><body><header><ul id="mainnav"><li>step1</li><li id="step2">step2<ul id="submenu"><li>step2 1</li><li>step2 2</li><li>step2 3</li><li>step2 4</li></ul></li><li>step3</li><li>step4</li><li>step5</li><li style="clear:both;"></li></ul></header><div style="width:300px;height:400px;border:2px sild #fff;float:left;"><object data="http://www.pdf995.com/samples/pdf.pdf" style="width:94%;height:94%;padding:5px;" type="application/pdf" wmode="transparent" ><param name="wMode" value="transparent"/></object></div></body></html>COPY THE ABOVE CODE TO YOUR NOTEPAD++, AND SAVE AS INDEX.HTML, AND RUN THIS CODE IN YOUR INTERNET EXPLORER BROWSER, AND MOUSE OVER ON "STEP 2", AND OBSERVE THE SUB MENU IS GOING BEHIND THE OBJECT LAYER. THIS IS HAPPENING ONLY IN INTERNET EXPLORER.
please install adobe reader in your system and check
PLEASE HELP ME TO FIX THIS PROBLEM