2 iframes skal vise hver deres indhold?

Jeg har 2 iframes, men har lidt problemer med at få vist den rigtige side i den rigtige frame.

Iframe 1:
<iframe id="IFRAMEID" src="webcamchat.htm" name="iframe" width="530" marginwidth="0" height="300" marginheight="0" align="top" scrolling="no" frameborder="0" allowtransparency="true":
></iframe>

Iframe 2:
<iframe id="IFRAMEID" src="webcam-menu1.htm" name="menu" width="139" marginwidth="0" height="100" marginheight="0" align="top" scrolling="no" frameborder="0" allowtransparency="true":
></iframe>

På hver side som vises i iframe har jeg desuden dette script så højden i iframe bliver justeret efter indhold:

<script language="javascript" type="text/javascript">
function ifrHeight(){
var t=document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
}
window.onload=ifrHeight;
</script>

----------
Hvorfor virker det ikke? Menuen bliver vist, men så bliver indhold i iframe1 ikke vist?