Display Div\Iframe on Applet Windows 8 (IE10-11)

I have a problem when I try to display div/iframe on applet. This problem occur only when I use IE(10-11) on windows 8, what is interesting when I run website on windows 7 (IE 10) everything is ok but on windows 8(IE 10) is not

Problem description(Windows 8):

If I load html page everything will be ok(div/frame is displayed on applet), but when I scroll down page div/iframe goes under applet and user can't see it.

General code which is responsible for displaying div/iframe on applet is below

<style>
 #iframe{
     ;               
     background-color:white;           
     width:100px;
     height:200px;
     z-index:2;top:100px;
     left: 0px;  
}  
 
#Applet {                   
            z-index:1;
}  
#div1
{
      ;                   
      width:100px;
      height:200px;
      z-index:2;   
      top:100px;   
      background-color:white;       
 
 }   
 
</style>
 
 
<div id="Applet">
   <applet     id="applet"  width=500 height=500 />
</div>
 
 <div id="div1">
          <div id="div2"> </div>
  </div>                           
<div>

I load iframe to div like below:
document.getElementById('diva2').innerHTML= '<iframe id="iframe"  scrolling="no" frameborder="0" src="test.html"></iframe>';              

Do you have any ideas how to fix this problem??