Bild in Div als hintergrund, Seitenverh-Problem in IE7

[Crowner]

Hallo zusammen

Bin gerade wiedermal dran, eine neue Homepage zu basteln und bin auf folgendes Problem gestossen:
Ich mache einen ziemlich transparenten Hintergrund, der Anhand der Fenstergrösse automatisch skaliert werden soll.

Gelöst habe ich dies, indem ich ein Bild in ein Div gepackt und dieses hinter den Inhalt gestellt habe:

#mainbg {  
 position:fixed;  
 background-color:#0000CC;  
 left:150px;  
 right:0px;  
 top:0px;  
 bottom:0px;  
 z-index:1;  
 overflow:hidden;  
}

Und noch das Bild ins Div:

<div id="mainbg"><img src="images/bgmain.jpg" style="height:100%; width:100%;" /></div>

Das Problem ist nun, dass im IE7 bei mir das Bild immer im gleichen Seitenverhältniss skaliert wird, d.h. die Breite gibt vor, wie hoch das Bild schlussendlich angezeigt wird. Ich möchte jedoch, dass es immer den gesamten bereich ausfüllt (unabhängig des Seitenverhältnisses).
In Firefox geht es bei mir problemlos :/

Zuerst habe ich die höhe und breite in HTML festgelegt (width="100%" height="100%") und danach mit css (wie jetzt) funzt beides nicht :(.
Habe auch versucht statt Position:fixed auch mal absolute zu nehmen, hat ebenfalls nichts gebracht.

Hoffe ihr könnt mir da nen stups in die richtige Richtung geben :)

Greez
Crowner

[Matze]

Hallo Crowner!

Ich habe so etwas auch mal gemacht.
Ich habe allerdings im Img-Tag einfach  style="width:100%;" rein geschrieben.
Das height:100% kannst du dir sparen.
Also bei mir hat es so funktioniert. Getestet im IE6, FF, Netscape, Opera.

Grüße, Matze