Absolut am unteren Rand eines DIVs positioniertes png

[Manu]

Hallo zusammen,

ich habe gerade einen halben Herzinfarkt bekommen, als ich Tests mit dem IE 6 & 7 durchgeführt habe:
In einem Projekt habe ich meine Inhalte wie folgt positioniert:
div.outerContainer {
  width:1107px;
  margin:0 auto;
  height:747px;
 }
 div.innerContainer {
  width:1107px;
  position:relative;
  border:1px solid transparent;
 }
Im innerContainer liegt mein Content und am unteren Ende ist eine png-Grafik wie folgt eingebunden, die an zwei Ecken über meine Inhalte ragt:
div.b1 {
  position:absolute;
  bottom:0;
  left:0;
  width:152px;
  height:381px;
  background:transparent url(/gfx/layout/bn1.gif) no-repeat scroll 0 0;
  z-index:50;
 }

Soweit, so gut: habe ich längere Inhalte, so streckt sich der innerContainer auf die entsprechende Höhe und das Ornament liegt weiterhin 0px vom unteren Rand entfernt - wie gewollt.

Jetzt habe ich allerdings einen Screen, indem Teile des Content per Javascript aufgeklappt werden können - hier streckt sich auch der innerContainer mit, allerdings bleiben im IE6 & 7 das Ornament an der selben Stelle hängen (also nicht 0px vom unteren Rand), so dass der Inhalt darunter verschwindet und bspw. Buttons nicht mehr anklickbar sind. FF macht wie gewohnt alles richtig.

Hat jemand einen Tipp für mich, wie ich das hinbekomme?

Gruß,
Manu