[CSS] Internet Explorer wird trotz HG's keiner angezeigt

Kimi.

Hallu leute fröhlich

Hachja ich weiß ich kann nerven unglücklich

Hab mich mal wieder mit CSS befasst und nun steh ich wieder vor einem kleinen Rätsel.

Ich habe bei dieser Seite: Klick it !

im Über und Untermenü den Chroma Filter noch drin also nicht wundern warum es dort angezeigt wird.

Mein Problem ist das ich obwohl ich es in die CSS Datei eingefügt habe mit einer id es trotzdem noch weiß angezeigt wird der Hintergrund des Mains.

Vielleicht könnt ihr nochmal drüber schauen ob ihr einen Fehler findet der sich eingeschlichen hat.
Ich gebe euch mal die Layout.html und die style.css durch fröhlich

Danke.

layout.html

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

<html>
<head>
<title>Rv Sonnenborg</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no" bgcolor="#008582">
<link rel="stylesheet" href="CSS/style.css">

<img src="Grafiken/Layout.png">



<div id="Layer3" style="position: absolute;  left: 270px; top: 27px;">
  <iframe src="overmenue.php" name="overmenue" width="330" height="60" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


<div id="Layer2" style="position: absolute;  left: 35px; top: 310px;">
  <iframe src="undermenue.php" name="undermenue" width="235" height="272" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


<div id="Layer1" style="position: absolute;  left: 300px; top: 120px;">
  <iframe src="main.php" name="main" width="570" height="500" frameborder=0 scrolling="auto" noresize style="border: 0px" ;>
  </iframe>
</div>


</body>
</html>

und style.css

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:

body {
    color: #27605D;
    font-family: Tahoma;
    font-size: 10pt;
 }


 a {
  color: #91D9CD;
  background-image: url("../Grafiken/Link-HG.png");
  text-decoration:none;
  text-align: center;
  width= 120px;
  height: 20px;
}


 a:active {
    color: #234E4D;
    background-color: #008582;
    text-decoration:none;
 }


 a:hover {
    color: #234E4D;
    background-color: #008582;
    text-decoration:none;
 }



 h1 {
    font-size: 11pt;
    letter-spacing: 9px;
    border-bottom: 2px solid #27605D;
 }


 #picture {
    float: right;
 }


 #Layer1 {
    background-image: url("../Grafiken/Layer-HG.png");
 }