Div che finisce sotto un'input image su IE7

[Alhazred]

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:

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?

[Experiment8]

Con IE7 Devi fare molta attenzione che TUTTI gli elementi che contengono quel div e che hanno un posizionamento diverso dallo statico di default, abbiano uno z-index progressivo, altrimenti IE7 non prenderà in considerazione lo z-index anche se di 999999.
La strada che hai seguito è, a mio parere, giustissima, dovresti provare a settare uno z-index all'immagine di -999 e un position relative o absolute, è corretto usare z-index negativi se serve, fammi sapere