I embed iframe element in my HTML page:
I found an article that seems to provide a solution, so I'll not claim the credit for coming up with it:
http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/
From the article:
The solution is to have a third Iframe C within Iframe A. Iframe C has a z-index within Iframe A that is higher than the z-index of the Applet. It is positioned so that it's rectangle as considered by the top page is identical to that of the Iframe B overlay.
I pasted second IFrame code from your main page into applet.html like so:
And it seemed to do the trick in chrome.
I did get a frame border but i'm guessing this is fixable. Give it a go.