[JavaScript] Okenko ajax Opcje

[sannin]

Witam,

chcę zrobić takie ajaxowe okienko. Na całość strony wyskakuje pół przeźroczysty div i w nim jest dajmy obrazek. Zrobiłem coś takiego:

html {
width: 100%
height: 100%;
padding: 0;
margin: 0;
}
body {
width: 100%
height: 100%;
padding: 0;
margin: 0;
}
.popup {
width: 100%;
height: 100%;
position: absolute;
background-color: #000000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.ramka {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

<div class="popup">
<div>
<iframe class="ramka" width="1000" height="750" src="editor.php?image=4"></iframe>
</div>
</div>

Problem jest taki że obrazek tak jak div#popup jest pół przeźroczysty mimo, że nadałem ramce optyczność=1. Drugim problemem jest to, że jeśli strona (ta pod div#popup) jest wyższa niż 100% strony to div#popup jest tylko nad nią do tego miejsca gdzie zaczyna się scroll, kiedy zjadę scrollem w dół jest zwykła strona.