Darstellung im Internet Explorer

[Julius]

Hallo liebes Forum,

ich habe für eine Seite folgenden Code gebaut.
3 iFrames, eine Navigation an der linken Seite, sonst eigentlich nichts...
Nun die Frage: Warum wird das im Firefox perfekt dargestellt und im Internet Explorer nicht.
Es geht darum, dass das eine iFrame (1) die anderen beiden überlagert und wenn der viewport zu klein ist, diese aufgeblendet werden (dazu nutzte ich ein Script, dass die Seite automatisch aktualisert.

  
  
<div style="position:absolute; top:250px; left:230px; z-index:3;">  
<iframe src="index.html" width="600" height="825" min-width="450"scrolling="no" frameborder="0"></iframe>  
</div>  
<div style="position:absolute; top:230px; right:175px; z-index:2;" id="container">  
  <iframe src="index2.html" width="625" height="325" scrolling="no" frameborder="0"></iframe>  
</div>  
<div style="position:absolute; top:550px; right:250px; z-index:2;" id="accordion">  
<iframe src="index3.html" width="650" height="400" scrolling="no" frameborder="0"></iframe>  
</div>  
  
<!--Script for displaying Tag Cloud -->  
<script type="text/javascript">  
if (window.matchMedia("(min-width: 1440px)").matches) {  
  document.getElementById("container").style.display="block";  
  document.getElementById("accordion").style.display="block";  
}  
else {  
  document.getElementById("container").style.display="none";  
  document.getElementById("accordion").style.display="none";  
}  
</script>  

Weiß jemand Rat?

Viele Grüße
Julius