Fabian: Grafik an die richtige Stelle setzen

Beitrag lesen

Hallo
Meine Webseite ist so aufgebaut, dass auf der rechten Seite eine Rundung (rechts.bmp - bitte keine Beschwerden über Format und Name) zu sehen ist.
Diese platziere ich bisher per CSS píxelgenau:

div#Rundung {
  position:absolute;
  height:494px;
  width:40px;
  background-color:#F7C200;
  left:910px;  /* 938px; */
  top:10px;
  z-index:3;
}

img#Rundung {
  position:absolute;
  left:0px;
  top:0px;
  z-index:3;
}

Nun habe ich aber das Problem, dass wenn das Browserfenster verkleinert wird (oder wahrscheinlich auch bei einer Änderung der Bildschirmauflösung) das Bild rechts.bmp stehen bleibt.
Es sollte sich aber mitverschieben, damit es nahtlos passt.
Wie mache ich das?

In der HTML-Datei sieht das Ganze so aus:

<div id="RechteSeite">
<img id="RechteSeite" src="03_Rechts.bmp" />
</div>
<div id="Rundung">
<img id="Rundung" src="Rechts.bmp" />
</div>

Ich schätze mal, dass man den Rundung-Div-Tag irgendwie in den RechteSeite-Div-Tag packen muss und als postion:relative angeben sollte... . Bitte helft mir!