DIV Positionierung außerhalb des sichtbaren Bereichs

[multimike]

Hallo zusammen!

Ich bastle gerade an einem neuen Layout für eine Homepage und habe ein kleines Problem, dass ich bisher noch nicht selbst lösen konnte.
Un zwar möchte ich ein <div> mit einem Hintergrundbild so positionieren, dass je nach Größe des Browserfensters das Bild entweder ganz zu sehen ist oder dann von links her abgeschnitten wird.
Ich hab schon folgendes probiert:

#nav-bg {
 position: absolute;
 left: -50px;
 height: 600px;
 width: 200px;
 background: url(bg.jpg) no-repeat;
}

Das schiebt mir zwar mein bild schön über den linken Rand hinaus, wenn ich das Browserfenster aber vergrößere bleibt es genauso.
Vielleicht habt ihr ja ein paar Ideen wie ich das hinkriegen könnte!

 

[hela]

Hallo, versuchs doch mal mit einer Anbindung auf der rechten Seite:

#nav-bg {
    position: absolute;
    right: 900px;
    width: 200px;
    height: 600px;
    background-color: #cfc;
}

Bei 1024px Fensterbreite müsste der Streifen noch ein Stück zu sehen sein.

 

[multimike]

Werde ich mal ausprobieren.

Ach ja, hab ich vorhin noch vergessen zu erwähnen:
Als Beispiel wie das ganze gemeint ist mal auf folgender Seite vorbeischauen und die Figur oben links beachten:
http://www.wow-europe.com/de/