In home, con JQuery, ho realizzato un div cliccando sul quale appare un div contenente il form per il login.
Il problema è che sull'area in cui appare il div, c'è un campo
<input type='image'...>
e il div, nonostante abbia z-index=999, solo su IE7, va comunque a finire sotto all'immagine.

Il CSS del div con il form è questo:
codice:
nav #login-content {
	position: absolute;
	top: 44px;
	right: 0;
	z-index: 999;    
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}
Per quanto riguarda l'input image, ho provato a metterlo dentro a un div con position prima absolute, poi relative e z-index sia 1 che 0.
Ho provato ad applicare posizione e z-index direttamente al campo input, ma niente, appare sempre sopra al div del login.

Come faccio a far comparire il div sopra l'immagine?