Luchador-GFX: Im IE anders

Tachen allerseits, also es handelt sich um folgende Seite:
http://luchador.kahl-com.de/Termi/index.html

sie wird im Mozilla korrekt angezeigt, im IE aber leider nicht.
Ich kann aber leider nicht sagen warum nicht (ich kenne mich mit den verschiedenen Browsern nicht so gut aus)

HIER DIE INDEX.HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>

<body>
<div class="bglogin">
 <div class="login">
  <span class="enter">
   <a href="#"><img src="images/enter.jpg" alt="klicken zum entern" name="Enter" width="200" height="71" border="0"></a><br />
   <p class="entertext">Um auf unsere Seite zu gelangen drücke bitte auf ENTER</p>
   <p class="copyright">Copyright © by <a href="#">Exvox-Gaming.eu</a> and GFX by <a href="#">Grafixx-of-David</a></p>
  </span>
 </div>
</div>
<div class="oben">
 <div class="links"></div>
 <div class="rechts"></div>
</div>
<div class="unten">
 <div class="links"></div>
 <div class="rechts"></div>
</div>
</body>
</html>

UND HIER DIE CSS DATEI:

html, body {
 background-color: #FFFFFF;
 margin:0 0 0 0;
 padding:0;
 text-align: center;
}

.oben {
 height:50%;
 z-index:5;
}

.oben .links {
 background:url(images/bg1left.jpg);
 background-position:bottom right;
 float:left;
 width:50%;
 height:100%;
 }

.oben .rechts {
 background:url(images/bg1right.jpg);
 background-position:bottom left;
 float:left;
 width:50%;
 height:100%;

}

.unten {
 height:50%;
 z-index:4;
 }

.unten .links {
 background:url(images/bg2left.jpg);
 background-position:top right;
 float:left;
 width:50%;
 height:100%;
 }

.unten .rechts {
 background:url(images/bg2right.jpg);
 background-position:top left;
 float:right;
 width:50%;
 height:100%;
 }

.login {
 background:url(images/test.jpg);
 width:508px;
 height:456px;
 position:absolute;
 margin-left:-254px;
 left:50%;
 margin-top:-228px;
 top:50%;
 z-index:1;
}

.bglogin {
 background:url(images/loginbg.gif);
 width:516px;
 height:464px;
 position:absolute;
 margin-left:-258px;
 left:50%;
 margin-top:-232px;
 top:50%;
 z-index:2;
}

.enter {
 padding-top:270px;
 display:block;
}

.entertext {
 color:#FFFFFF;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 margin-top:8px;
}

.copyright {
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 margin-top:80px;
}

a {
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
}

a.hover {
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 text-decoration:underline;
}

oehm ja fragt mich nicht warum ich fuer den "loginbg" noch nen extra divlayer gemacht habe, war faulheit werd ich noch aendern. Aber daran wird es ja hoffentlich nicht liegen.
Also ich bitte um Hilfe
Danke im vorraus

mfg
Jascha B.

  1. was wirklich niemand Hilfe?
    es ist dringend :(