Problema Posizione del box e del suo contenuto

Ciao a tutti, premetto che ero indeciso su quale sezione postare la discussione.

Io ho una pagina che nasconde un box (div) tramite javascript e che viene visualizzato solo quando viene premuto il link "login" in alto a destra (fin qui tutto ok).

Il problema è che quando viene visualizzato questo box, sopra a questo si vede parte dell'immagine che c'è sotto nella pagina e le scritte del menù... per intenderci basta andare qui:

http://programmarealpc.altervista.org/prove/index.php

con javascript attivo e cliccare sul link "Login" in alto a destra.


Come posso vedere il box del login totalmente in primo piano?

e come posso bloccare il contenuto della pagina sotto fino a quando il form nn viene chiuso?

Grazie mille!


Edit: già provato mettendo position:absolute; nel box, ma cambia solo posizione... il problema resta.

[karl94]

Anzitutto il box che deve stare in primo piano va posizionato in modo assoluto, non il resto della pagina. Per metterlo in primo piano devi fare uso della proprietà CSS z-index.

problema risolto perfettamente... grazie mille per l'aiuto!