ActiveX Object overlaps HTML content

Firstly, I got this issue : https://answers.atlassian.com/questions/178888/visio-plugin-overlaps-the-drop-down-menus?page=1#183530.

One of my Visio file in our team wiki( Confluence) got some trouble.
HTML elements will always be covered by the ActiveX object em ebbed on the page.

The solution is to put a iframe in back of the HTML element. reference : http://www.macridesweb.com/oltest/IframeShim.html

<pre class="brush: csharp">// Comment

<div id="aDiv" style="POSITION: absolute; LEFT: 100px; TOP: 0px; WIDTH: 300px; HEIGHT: 600px; BACKGROUND-COLOR: #ffff00 ; z-index=1" > <p align="center"><font size="24">DIV (Layer) or any HTML element.</font></p> </div> <IFRAME style="POSITION: absolute; LEFT: 100px; TOP: 0px ; WIDTH: 300px; HEIGHT: 600px; ; z-index=0" src="javascript:false;" frameBorder="0" scrolling="no"></IFRAME> <object classid='CLSID:279D6C9A-652E-4833-BEFC-312CA8887857' codebase='http://www.microsoft.com/downloads/info.aspx?na=90&p=&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=d88e4542-b174-4198-ae31-6884e9edd524&u=http%3a%2f%2fdownload.microsoft.com%2fdownload%2f6%2ff%2f5%2f6f569198-e7d0-49af-b162-54a11f38d301%2fvisioviewer.exe' id='viewer1' width='700' height='700' > <param name='BackColor' value='16777215'> <param name='AlertsEnabled' value='true'> <param name='ContextMenuEnabled' value='true'> <param name='GridVisible' value='true'> <param name='HighQualityRender' value='true'> <param name='PageColor' value='12632256'> <param name='PageVisible' value='true'> <param name='PageTabsVisible' value='false'> <param name='PropertyDialogEnabled' value='true'> <param name='ScrollbarsVisible' value='true'> <param name='ToolbarVisible' value='false'> <param name='SRC' value='rd.vsd'> <param name='CurrentPageIndex' value='1'> <param name='Zoom' value='-1'> <span class="image-wrap"><img src="https://server/download/attachments/visio.vsd"/></span></object>

</pre>