"Usynlig" iFrame/Frame

Hey Eksperter...

Jeg har koden:

<html>
<head>
<title>
</title>
</head>
<body style="margin: 0;">

<span style="position: absolute; top: 0; left: 0;">
<iframe src="frame1.html" width="100%" height="600" scrolling="no"></iframe>
</span>

<script>
var width = window.screen.availWidth / 2 - 100;
var height = window.screen.availHeight / 2 - 200;

document.write("<span style='position: absolute; top: "+height+"; left: "+width+";'><table width='200' height='200' border='1'><tr><td><iframe src='' name='main' width='100%' height='100%'></iframe></td></tr></table></span>")
</script>

</body>
</html>

Som faktisk bare er en iFrame. Det jeg gerne vil have er at når "main", som er iFramens navn, er blank, altså at siden i iFramen hedder "auto:blank", er iFramen 100% gennemsigtig. Når der så loades en anden side ind i den, f.eks. eksperten.dk, skal siden(main) blive synlig. Jeg ved ikke om det kan gøres med HTML eller php, men min hjemmeside understøtter begge.

På forhånd tak for hjælpen! :-)