CSS Transparenz unerwünscht aber vorhanden

[Willi]

Hallo,

Ich habe gerade ein kleines Problemchen.
Auf meiner Homepage www.abi10-asg.de.vu habe ich seit gestern ein neues Login-Formular, welches mit JavaScript eingeblendet wird.
Ich habe dort mit -moz-opacity und opacity gearbeitet, damit der Hintergrund noch leicht durchscheint, aber das Formular in der Mitte des Bildschirms hat jetzt auch eine Transparenz.
Ich bekomme es einfach nicht hin, sie wegzumachen, hab schon verschiedenes ausprobiert.

Hier mal der Code, den Javascript an den Browser sendet, wenn das Loginformular eingeblendet ist:

<div id="loginform" style="position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; background-color: black; opacity: 0.85; z-index: 9;">  
<div style="border: 3px solid black; padding: 5px; position: absolute; background-color: white; width: 300px; top: 45%; height: 120px; left: 35%; text-align: center; opacity: 2; z-index: 555;">  
<form action="anmelden.php" method="post">  
  <input onblur="if(this.value=='') this.value = this.defaultValue;" onfocus="if(this.value==this.defaultValue) this.value = '';" value="Name" name="username" type="text">  
  <input onblur="if(this.value=='') this.value = this.defaultValue;" onfocus="if(this.value==this.defaultValue) this.value = '';" value="Passwort" name="password" type="password">  
  <input value="Abschicken!" name="submit_login" type="submit">  
  <input value="einsteckbrief.php?id=13" name="returnto" type="hidden">  
</form>  
<p>  
<a href="javascript: hideloginform()">  
Login-Formular ausblenden  
</a>  
</p>  
</div>  
</div>

Ich hoffe ihr könnt mir helfen.

Willi