Elemente per TS verschachteln

Hallo zusammen.
Ich möchte gerne per TS einen Container mit Inhalt erstellen. Leider komme ich nicht weiter.
Das Bild wird angezeigt, jedoch bekomme ich den Text nicht in den Container rein. Was mache ich falsch?
So sollte es am Ende aussehen:

<div id="headerImage" style="background-image:url(typo3temp/pics/55ecb4b6d7.jpg);">
<h2>Subtitle</h2>
</div>

Das folgende Typoscript spuckt mir nur das Bild aus. Wie bekomme ich es hin, dass der Text auch in den Div geschrieben wird?

lib {
  headerimage = COA
  headerimage {
    10 = IMG_RESOURCE
    10 {
      file = {$headerimage}
      file.import = uploads/media/
      # Vererbung über unendliche Unterseiten
      file.import.data = levelmedia:-1, slide
      # erstes Bild im Feld nehmen
      file.import.listNum = 0
      file.import.override.field = media
      # maximale Bildbreite
      file.width = 768c
      file.height = 186c
      stdWrap.wrap = <div id="headerImage" style="background-image:url(|)"></div>
    }
    20 = TEXT
    20 {
      data = page:subtitle
      dataWrap = <h2>|</h2>
    }
  }
}

Vielen Dank im vorraus
Reeko

Ok, bin nun einen Schritt weiter:

lib {
  headerimage = COA
  headerimage {
    data = page:abstract
    if.isTrue.data = page:abstract
    10 = TEXT
    10 {
      data = page:title
      dataWrap = <div id="headerImage"><h1 class="bgbase">|</h1>
    }
    20 = TEXT
    20 {
      data = page:subtitle
      dataWrap = <h3>|</h3>
    }
    30 = TEXT
    30 {
      data = page:abstract
      dataWrap = <p>|</p>
    }
    40 = TEXT
    40 {
      value = <div></div>
    }
    50 = IMG_RESOURCE
    50 {
      file = {$headerimage}
      file.import = uploads/media/
      file.import.data = levelmedia:-1, slide
      file.import.listNum = 0
      file.import.override.field = media
      file.width = 768c
      file.height = 152c
      stdWrap.wrap = <img src="|" /></div>
    }
  }
}

Nun möchte ich noch zusätzlich ein Weiteres CSS laden, wenn page:subtitle existiert.
Habe es mit der selben If Anweisung versucht, leider ohne Erfolg.
Hat mir jemand vielleicht dazu einen Tipp?

page {
  data = page:abstract
  if.isTrue.data = page:abstract
  headerData {
    100 = TEXT
    100.dataWrap = <link rel="stylesheet" type="text/css" href="fileadmin/templates/css/xxx.css" />|
  }
}

Nun wird xxx.css immer angezeigt.
Was mache ich falsch?

Danke und Gruss
Reeko

Habs nun mit Javascript gelöst.
Das ist wenigstens logisch ;-)

Gruss Reeko