Overlay-Div bildschirmfüllend anzeigen

[Andreas]

Hallo,

ich möchte in meiner Ajaxseite ein Overlay-Div anzeigen, wenn Operationen ausgeführt werden. Div und Anzeigemechanismus ist schon vorhanden und funktioniert super. Leider ist die CSS-Einstellung für das Div noch nicht optimal.

Hier mal die Einstellungen:
position: absolute;
background-image: url('images/progessBack.png' );
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;

Wenn ich in der Seite nun etwas runtergescrollt habe, wird das Div trotzdem von ganz oben angezeigt und dann nur in der höhe eines Bildschirms. D.h. es ist irgendwo auf der Seite Schluss mit dem Div. Das kann natürlich nicht so bleiben.

Gibt es denn eine Einstellung, wie ich das Div wirklich immer auf der ganzen Seite anzeigen kann? Als Beispiel kann man die Siete wetter.com verwenden und dort in der Schnellsuche eine Suche durchführen.

Super wäre auch, wenn die Inhalte im Div auch immer in der Mitte der Seite angezeigt werden.

Andreas