Interfaccia web (CSS+jscript) - Problemino con Firefox

[notorious]

Questa è la pagina: http://notoriousxl.netsons.org/
(è in costruzione, e devo cambiare ancora tante cose, come ad esempio la candela che è orribile :P )

Se cliccate su Login utilizzando Firefox 2.0.0.1 per mac, un div chiamato login appare correttamente sopra tutto il sito (avente z index pari a 1000), ma la barra di scorrimento del div che sta sotto... rimane visibile :|

Per nascondere il div, uso il seguente css:

Code: Select all

.hidden {
  position: absolute;
  top: -1000em;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

Al click su login, tramite javascript cambio la classe da hidden a visible:

Code: Select all

.visible {
	background-image: url(img/welcome/login.jpg);
	background-repeat: no-repeat;
	position: absolute;	
	z-index: 1000;
	height: 247px;
	width: 394px;
	left: 11px;
	top: 16px;
}

I div sottostanti hanno z-index pari a 2 (comunque molto inferiore di mille), quindi non dovrebbero vedersi... e invece si vedono le barre

Voi come risolvereste?

Nota: il javascript non modifica la classe degli elementi sottostanti...

PS: con firefox per win, ie 7 o safari, la barra viene correttamente nascosta...

EDIT: posto lo screenshot del problema (dove si vede benissimo la barra di scorrimento...)