z-index для IE7

[comb]

Здравствуйте,

Нужно, чтобы на заднем фоне во весь экран растягивалась картинка (масштабировалась), а на переднем плане - текст на полупрозрачном фоне и другие картинки.
С z-index в Opera хорошо, а в IE все элементы располагаются под общим фоном.

Подскажите, пожалуйста, как можно сделать для IE.

[comb]

С z-index получается, но криво: фон растягивается, а блок с текстом "прилипает" к левому краю окна (в IE). Как выровнять горизониально по центру этот блок с текстом:

(html)...<div class="page">
<div class="note">
<div class="text">
text
</div>
</div>
</div>
<div id="fon">
<img src="images/fon.jpg"/>
</div>...



(css) body {
margin: 0;
}

#fon {height:100%;
width:100%;
min-width:1000px;
max-width:1800px;
position:absolute;
z-index:-1;
}

#fon img {
height:100%;
width:100%;
position:absolute;
}

.page{
position:absolute;
top:0;bottom:0;right:0;left:0;
z-index:1;
}

.note{
overflow:auto;
border:1px solid #ddd;
display:block;
margin:5px auto auto auto;
width:850px !important;
height:415px !important;
position:relative;
}

.text{
position:relative;
}